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


Built-in aggregate types

DataGrid 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.


JavaScript DataGrid aggregate values using user-defined or custom aggregate.

User-defined aggregate types

The JavaScript DataGrid 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.

JavaScript Data Grid aggregate values using Footer Aggregate.


JavaScript 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), DataGrid refreshes aggregate values with the edited value of the cell. These aggregated values are volatile.

JavaScript DataGrid aggregate values using Reactive Aggregate.


85+ JAVASCRIPT UI CONTROLS

Scroll up icon