Syncfusion Feedback


Built-in aggregate types

Data Grid relies on the data manager to aggregate column values. Default aggregate types such as sum, max, min, average, and count can be used. Formatted aggregate values are displayed in aggregate-enabled columns.


React Data Grid aggregate values using user-defined or custom aggregate.

User-defined aggregate types

The React Data Grid allows users to define custom aggregate logic for a particular aggregate column. This requires a custom aggregate function that holds custom logic to calculate aggregate value of the DataGrid columns.


The Data Grid has an option to calculate the aggregate value of the rows of columns and display it in the corresponding cell of the footer row.

React Data Grid aggregate values using Footer Aggregate.


React Data Grid aggregate values using Group and Caption Aggregate.

Group and caption aggregate

Display the aggregate value of the current group items in the corresponding cell of the group footer row or caption cell of the group caption row, or display it in both group footer and group caption cells.


Reactive aggregate

On each cell save of the batch editing (cell editing), Data Grid refreshes aggregate values with the edited value of the cell. These aggregated values are volatile.

React Data Grid aggregate values using Reactive Aggregate.

Struggling to decide on the right product?

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

tick-mark Load a million records in a second
tick-mark 51K+ downloads
tick-mark 70+ interactive demos
competitive-banner-FT-image

90+ REACT UI COMPONENTS

Scroll up icon
Chat with us