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 ID
Freight
Order Date
Ship Name
Employee
No records to display.
Displayed orders: 0 of 0 Total amount: $0.00 Last order date:
✨ 오늘의 명언 & 마음의 양식

“남들이 가보지 않은 길을 따라가서 자신만의 흔적을 남겨라.”

— 랄프 발도 에머슨 (시인, 철학자)

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 🗙