WebGrid provides a ColumnSet feature which is helpful to show the WebGrid's information/data according to your needs.

In this topic, you will learn how to create ColumnSet in WebGrid Hierarchical mode.

To create a hierarchical ColumnSet

1. Bind WebGrid to Hierarchical ISDataSource.
2. Right click on WebGrid instance to open WebGrid.Net Designer.
3. Go to Advanced tab >> RootTable.
4. In RowLayout Expandable panel choose ColumnSet and Click Design ColumnSet button.
5. Click "Add ColumnSet" (add a ColumnSet).
6. Set focus to the ColumnSet and set the Caption to Customer Information.
7. Set the ColumnSet's HeaderAlignment to Center.
8. Click ColumnSet Designer and set like the picture below.
   
   
9. 
   
   
10. Click OK.
11. Set focus to ChildTables >> Orders >> ColumnSets.
12. Click "Add ColumnSet" (add a ColumnSet).
13. Set focus to the ColumnSet and set the Caption to Orders.
14. Set the ColumnSet's HeaderAlignment to Center.
15. Click ColumnSet Designer and set like the picture below.
    
    
16. 
    
    
17. Click OK >> Apply >> OK.
18. Finally, the WebGrid will look like the following snapshot:
     

See Also

© 2012 Intersoft Solutions Corp. All Rights Reserved.