DataGrid DataGrid Group Header Template
Use GroupHeaderTemplate to customize group header rows.
In this demo the grid is pre-grouped by Customer (descending), the GroupHeaderTemplate displays the group key, item count, and last order date, and a tri-state checkbox controls GroupRowRender to expand/collapse all groups at once.
Drag a column header here and drop it to group by that column
# | Order IDfilter_alt | Freightfilter_alt | Order Datefilter_alt | Ship Namefilter_alt | Employeefilter_alt |
|---|---|---|---|---|---|
| 1 | 10248 | $32.38 | 07/04/2023 | Vins et alcools Chevalier | Steven Buchanan |
| 2 | 10249 | $11.61 | 07/05/2023 | Toms Spezialitäten | Michael Suyama |
| 3 | 10250 | $65.83 | 07/08/2023 | Hanari Carnes | Margaret Peacock |
| 4 | 10251 | $41.34 | 07/08/2023 | Victuailles en stock | Janet Leverling |
| 5 | 10252 | $51.30 | 07/09/2023 | Suprêmes délices | Margaret Peacock |
| 6 | 10253 | $58.17 | 07/10/2023 | Hanari Carnes | Janet Leverling |
| 7 | 10254 | $22.98 | 07/11/2023 | Chop-suey Chinese | Steven Buchanan |
| 8 | 10255 | $148.33 | 07/12/2023 | Richter Supermarkt | Anne Dodsworth |
| 9 | 10256 | $13.97 | 07/15/2023 | Wellington Importadora | Janet Leverling |
| 10 | 10257 | $81.91 | 07/16/2023 | HILARION-Abastos | Margaret Peacock |
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT