We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback


Overview

Blazor DataGrid grouping feature supports row grouping to display data in an organized way. Data can be grouped in the ascending or descending order. Rows can be grouped by dragging and dropping the desired columns in the interactive drop area.


N-level column grouping

Allows the user to perform N-level grouping without any restrictions. It also possible to hide or show grouped columns in the Data Grid.


Grouping with Aggregate in Blazor DataGrid.

Grouping with aggregates

Blazor DataGrid allows users to apply the aggregate function on grouped rows. Users can display aggregate values for a group either on the group footer cell or group caption cell. It is also possible to define multiple aggregations to the same column.


Group by format

Grouping is performed based on the field value, by default. A column can be grouped on the basis of formatted value instead of raw value to make viewing formatted date columns easier.

Group rows by format in Blazor Data Grid.


Blazor DataGrid with Lazy Load Grouping

Lazy load grouping

Load huge amounts of grouped records to the Grid without any performance degradation using the on-demand concept. While grouping, the Grid will render only the initial level caption rows in the collapsed state. The child records of each caption will be fetched on demand and render in the Grid when you expand the caption row.


Struggling to decide on the right product?

Our comprehensive competitor comparison of Blazor components will guide you to the perfect choice.

tick-mark 85+ UI components
tick-mark 960+ interactive Blazor demos
tick-mark 2.3M+ downloads
competitive-banner-FT-image

Blazor Components – 85+ UI and DataViz Components

Scroll up icon