Intersoft Support Center

Create Custom Column Layout

This walkthrough shows you how to creating ColumnSet in WebGrid.

During this walkthrough, you will learn how to do the following :

  • Bind WebGrid to datasource.
  • Create ColumnSet in WebGrid.

 Prerequisites

In order to complete this walkthrough, you will need the following:

  • Access to the Microsoft Access Northwind database.
  • Visual Studio 2005/2008/2010 Application.

 Step-By-Step Instructions

To create new web application and create a ColumnSet in WebGrid

  1. Bind WebGrid to AccessDataSource.
  2. Right-click on WebGrid and click on WebGrid Designer.
  3. Go to Advanced tab >> RootTable.
  4. In RowLayout Expandable panel, choose ColumnSet and click Design ColumnSet button.



  5. Click "Add ColumnSet"  twice (add 2 ColumnSets).
  6. Set focus to the first ColumnSet and set the Caption to Customer Information.
  7. Set focus to the second ColumnSets and set the Caption to Customer Address.
  8. Set the first and second HeaderAlignment to Center
  9. Click ColumnSet Designer and set like the picture below


  10. To merge the Company or Country Column to one row, set the ColSpan to 3.
  11. Click OK and run the project.
Previous Next