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 with paging

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 based on page size. The child records of each caption will be fetched on demand and render in the Grid when you expand the caption row.


Lazy load grouping with infinite scrolling

Load large amounts of grouped records to the Grid without any performance degradation using the on-demand concept. When infinite scrolling is enabled in a grid, lazy load grouping renders records in a collapsed state when binding data. The grouped items with N levels of data will be loaded on demand with infinite scrolling when the corresponding group is expanded.

React Data Grid lazy load grouping with infinite scrolling


Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.
Here are some of their experiences.

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Discover Syncfusion’s Complete React Component Ecosystem

Explore over 145+ React UI components featuring established, production-ready controls and the latest pure React components built natively for modern web app development.

  • React Components
  • Pure React Components
Scroll up icon