How to Edit a Gridview in ASP

Visual Studio provides you with a control designer for editing the GridView control. A GridView displays records on your Web pages, but you must first set up the GridView columns and any preferred CSS classes before using the control in your ASP.NET code. The control designer lets you create columns using a wizard, and you can set several settings for the layout and GridView design.

Instructions

1. Click the Windows "Start" button and select "All Programs." Click "Microsoft .NET Framework," then click "Visual Studio" to open the software. Open the ASP.NET project that contains the GridView.

2. Double-click the ASP.NET form that contains the GridView. The form opens in the designer. Right-click the GridView and select "Properties." A window opens with several options you can set for the control.

3. Click "Bound Field" and "Add." The wizard adds a new column in the GridView. Type a name for the column and any font, color or CSS styles you want to set in the control. After you create all the columns, close the column editor.

4. Click the GridView. A properties window on the right side of the screen lets you make changes to the entire grid's layout and not just the individual columns. For instance, click the color picker to choose a font color for the data that displays in the GridView.

5. Click "Save" to save the changes. Click "Run" to view the GridView in your default Web browser and the VS debugger.

References

• MSDN: GridView Examples for ASP.NET 2.0: Displaying Images in a GridView Column
• Code Project; Editable GridView in ASP.NET 2.0; Ashrafur Rahaman; Feb. 7, 2008