Example of Hierarchy Grid in Blazor DataGrid Component
This sample shows how to use the details template feature of DataGrid to display parent-child relation data in a hierarchy structure.
Employee ID | First Name | Title | City | Country |
|---|
The Hierarchy DataGrid is used to display table data in hierarchical structure that can be expanded or collapsed by clicking the expand or collapse button. It can be achieved by defining DetailTemplate within GridTemplates.
In this demo, three level hierarchy is demonstrated with hierarchical structure Employee -> Orders -> Customers.
More information about the Details Template feature can be found in this documentation section.