User Interface with grid, add, edit functionality.

Hi,

Can someone guide me on the requirement. I would like to know what type controls I can use to achieve this.

1. Display the data in a grid format with a link under Sno column data.

2. "ADD" button on top right. When the user clicks on that I need to show a separate screen with F. Name, L.Name, Address text fields and allow to click on "SAVE". Once user clicks on "SAVE", data should save to the database and come back to the below screen.

3. If user clicks on the data link under the Sno, then I need to open show a page with F.Name, L.Name, Address with text fields and need to load respective data, once if they modify and click on "SAVE", I need to save the updated data and come back and load the below page.

ADD Page

EDIT Page