Example of Detail Template in Blazor DataGrid Component
This sample demonstrates the Blazor DataGrid component with the detail template feature. To view detailed information about a row, click the expand button in each Blazor DataGrid row.
First Name | Last Name | Title | Phone | Email | Address | Country |
|---|
When expanding or collapsing the detail content, the Blazor DataGrid Detail Template feature displays additional information about a specific row. With the required content, the DetailTemplate should be wrapped around the GridTemplates component. This expanded row is used to visualizes the statistical data hierarchy.
Frozen columns are supported in the Detail template feature. In this demo, you can dynamically enable or disable the frozen column feature using a checkbox.
The row displays Employee information and an image. Sales and report details are also displayed in the detail row within the Tab component.
More information about the Detail template feature can be found in the documentation section.