Radzen Blazor Components

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
110248$32.3807/04/2023Vins et alcools ChevalierSteven Buchanan
210249$11.6107/05/2023Toms SpezialitätenMichael Suyama
310250$65.8307/08/2023Hanari CarnesMargaret Peacock
410251$41.3407/08/2023Victuailles en stockJanet Leverling
510252$51.3007/09/2023Suprêmes délicesMargaret Peacock
610253$58.1707/10/2023Hanari CarnesJanet Leverling
710254$22.9807/11/2023Chop-suey ChineseSteven Buchanan
810255$148.3307/12/2023Richter SupermarktAnne Dodsworth
910256$13.9707/15/2023Wellington ImportadoraJanet Leverling
1010257$81.9107/16/2023HILARION-AbastosMargaret Peacock
Displayed orders: 144 of 144 Total amount: $9,503.97 Last order date: 07/04/2023
All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙