DataGrid Group Header Template
Customize Blazor DataGrid group headers with GroupHeaderTemplate - show the group key, a count, or any markup on each group row.
Drag a column header here and drop it to group by that column
# | Order ID | Freight | Order Date | Ship Name | Employee |
|---|---|---|---|---|---|
| 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 |
Frequently asked questions
How do I customize the group header row?
Add a GroupHeaderTemplate to the grid and render the group key, counts, or aggregates with your own markup.
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT