In the bound mode of hierarchical WebGrid, the parent table and the child table need to have a data relation. Suppose there are two tables, Products and Categories. Products and Categories are related where a Category item may has many Product items. This relation indicated by the existence of [CategoryID] column inside Products table.

When Products table and Categories table are bind to hierarchical WebGrid. The Categories will be the parent table and the Products will be the child table.

Unlike the bound one, the Hierarchical_Unbound_Programmatic tutorial file shows that WebGrid supports pure unbound mode through server-side object model. In the tutorial, the main Grid object; the RootTable and its columns; and the ChildTable are programmatically created in code behind. The root rows and the child rows are added to the Grid programmatically as well.

Note that when the grid is operating in unbound mode, all data-bound operations – such as sorting, grouping, etc – should not be enabled.

Please let us know your response

Thanks, Yudi, I see it now - the ChildTables property of the root table is a WebGridTableCollection that can contain more than one child table.  The children of each parent row can then be from any of these child tables (and you can even take a row's children from multiple tables!)  I've adapted the tutorial to show this and it's looking good.

Glad to hear the good news.

Should you need further assistance or run into any technical problems regarding our controls, feel free to post it into our forum. We would be happy to assist you again.