Built-in aggregate types

The Angular 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.


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

Custom aggregate types

Define custom aggregate calculations for a column using a custom aggregate function. Custom aggregates are suitable for columns that require application-specific summary calculations beyond the built-in aggregate types.


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.

Angular Data Grid aggregate values using Footer Aggregate.


Angular Data Grid aggregate values using Group and Caption Aggregate.

Group and caption aggregate

Display aggregate values for the current group records in the group footer, group caption, or both locations. Group aggregates are suitable for grouped data that requires summary values at each group level.


Reactive aggregate

Recalculate aggregate values after each cell is saved during batch editing so the displayed summaries reflect the edited values. Aggregate updates are suitable for editable grids that require summary values to remain synchronized with cell changes.

Angular Data Grid aggregate values using Reactive Aggregate.


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.

Read Our Customer Stories

140+ ANGULAR UI COMPONENTS

Scroll up icon
Syncfusion Feedback