DataGrid DataGrid Grouping API

Set AllowGrouping="true" to enable group by column and GroupPanelText to localize the group panel text. Set Groupable="false" for column to disable grouping by that column.

In this demo the grid is pre-grouped by Title (descending) with HideGroupedColumn="true", the Photo column has Groupable="false", and controls toggle the group expand column visibility and expand/collapse all groups with events logged to the console.

Drag a column header here and drop it to group by that column
ID
 
Photo
 
First Name
 
Last Name
 
Title
 
Birth Date
 
Hire Date
 
Address
 
City
 
Region
 
Postal Code
 
Country
 
Home Phone
 
Extension
 
Notes
 
No records to display.

Console log

✨ 오늘의 명언 & 마음의 양식

“세상은 고통으로 가득하지만, 그것을 극복하는 사람들로도 가득하다.”

— 헬렌 켈러 (작가, 사회 운동가)

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 🗙