Radzen Blazor Components

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
 
filter_alt
Last Name
 
filter_alt
Title
 
filter_alt
Birth Date
 
filter_alt
Hire Date
 
filter_alt
Address
 
filter_alt
City
 
filter_alt
Region
 
filter_alt
Postal Code
 
filter_alt
Country
 
filter_alt
Home Phone
 
filter_alt
Extension
 
filter_alt
Notes
 
filter_alt
No records to display.

Console log

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 🗙