Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UI
- Data Tools
- Date Inputs
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- - Overview
  - Data Binding & Operations
  - Editing
  - Filtering
  - Grouping
  - - Basics
    - Aggregates
    - Virtualization with Grouping
  - Paging
  - Sorting
  - Selection
  - Excel Export
  - PDF Export
  - Custom Templates
  - Columns
  - Rows
  - Live Data Updates
  - Performance
  - Persist state
  - Printing the Gridnew
  - Compact Grid
  - Keyboard Navigation
  - Scroll Modesupdated
  - Stylingupdated
  - Integration with ASP.NET Core Projects
  - Globalization
  - Accessibility
  - API
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Grid / Grouping / Aggregates /

New to Kendo UI for Vue? Start a free 30-day trial

Aggregates

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:

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

Example

View Source

Change Theme:

Aggregates

Suggested Links

In this article

Not finding the help you need?

Getting Started

Support Resources

Community