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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback


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 React Data Grid.

Grouping with aggregates

Data Grid 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 React Data Grid.


React Data Grid 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.


70+ REACT UI COMPONENTS

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon