Aggregates

Updated on Jun 29, 2026

The Kendo UI for Vue Native Data Grid enables you to visualize the aggregates for the grouped data in the respective column group footer of the component.

To group the table data of the Grid, use its group and groupable options.

To integrate the available aggregates in the Grid:

1. Select the desired GridGroupableSettings so that the Grid renders footers.
2. In the cellRender method of the Grid, specify the way for displaying the aggregates.

The following example demonstrates how to configure the Grid to display aggregate values (total, average, min, and max) in the group footer rows by setting up cell rendering logic for grouped data.

Change Theme

Theme

Loading ...

Suggested Links

• Overview of Grouping
• API Reference of the Grid
• Grid Custom Cell template with Grouping and Selection
• Grid with Custom Template, Row Details and Grouping