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

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


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

User-defined aggregate types

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

Vue Data Grid aggregate values using Footer Aggregate.


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

Vue DataGrid aggregate values using Reactive Aggregate.


85+ VUE UI COMPONENTS

Scroll up icon