Present users with record information in a hierarchical, tabular format, where master records in the topmost bands of information presented by the grid are business entities the user works with (i.e., Customers). These master records have some relationship defined with detail records (i.e., the relationship between Customers and Orders, or the relationship between Orders and Order Line Items). Detail records should appear presented as child band of information to make their subordinate relationship to the master records clear. Users may drill down to expand detail records only when necessary, thereby limiting the amount of detailed information they are required to digest at any one time.
Choose the WebGrid control and set its ViewType property to Hierarchical. When the WebGrid is databound, ensure that you have a DataRelation tying parent and child DataTables together. WebGrid presents its information hierarchically using a series of Bands, with the topmost Band corresponding to the primary DataTable in your DataSet numbered Band 0. When users expand a band, they do so with an expansion indicator whose image you can modify through the Images.ExpandImage.Url property. You can customize the appearance of the area in which the expansion indicator appears for all Bands through the RowExpAreaStyleDefault on the WebGrid’s DisplayLayout property, or individually at the level of individual Bands. The indenting observed when child bands are expanded can be disabled by adjusting the IndentationDefault to 0 pixels on the WebGrid's DisplayLayout property.