Example of Grouping in Blazor DataGrid Component
This sample demonstrates grouping feature of the DataGrid component. In this sample, the DataGrid data is grouped against Customer ID column. To group any other column, simply drag and drop the column header onto the group drop area.
Order ID | Customer ID | Order Date | Order Time | Freight |
|---|
The Blazor DataGrid control provides the ability to group records based on the required column. When grouping is used, grouped records are organised into a hierarchical structure to allow for easier record expansion and collapsing. Set the AllowGrouping property to true to enable grouping.
The DataGrid in this demo is rendered with grouping enabled and is initially grouped by the Customer ID column. Columns can be grouped by dragging and dropping the column header onto the group drop area.
More information about the Grouping feature can be found in this documentation section.