|
|
|
|
|
||
|---|---|---|---|---|---|
| Alejandra Camino | Romero y tomillo | Spain | Madrid | ||
| Alexander Feuer | Morgenstern Gesundkost | Germany | Leipzig | ||
| Ana Trujillo | Ana Trujillo Emparedados y helados | Mexico | México D.F. | ||
| Anabela Domingues | Tradição Hipermercados | Brazil | Sao Paulo | ||
| André Fonseca | Gourmet Lanchonetes | Brazil | Campinas | ||
| Ann Devon | Eastern Connection | UK | London | ||
| Annette Roulet | La maison d'Asie | France | Toulouse | ||
| Antonio Moreno | Antonio Moreno Taquería | Mexico | México D.F. | ||
| Aria Cruz | Familia Arquibaldo | Brazil | Sao Paulo | ||
| Art Braunschweiger | Split Rail Beer & Ale | USA | Lander | ||
of 10
The DevExpress Blazor Grid component allows you to create hierarchical layouts of any complexity and depth. This demo module illustrates how to use a nested grid component to visualize a master-detail relationship between two data tables. To replicate the capabilities of this demo, follow the steps below:
- Add a master grid to your application.
- Bind the master grid to data and add columns to its Columns collection.
- Add the DetailRowTemplate to the grid's markup to create a detail view.
- (Optional) We recommend that you allocate the detail grid to a separate component. Separation improves app structure and prevents excessive component redraw operations.
- Add a second data grid to the template. Bind this grid to a detail data source that uses the template's
contextobject as a filter criteria. - (Optional) To collapse an expanded detail row when a new detail row is displayed on-screen, set the AutoCollapseDetailRow property to
true.