Introduction
Getting Started
Vue 2 End of Support
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- - Overview
  - Data Binding
  - Editing
  - Filtering
  - Grouping
  - - Grouping Basics
    - Aggregates
  - Paging
  - Sorting
  - Selection
  - Columns
  - Scroll Modes
  - Export Options
  - Templates
  - Persisting the State
  - Keyboard Navigation
  - RTL Support
  - API
- Inputs
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Grid (wrapper) / Grouping / Aggregates /

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

Aggregates

The Kendo UI Grid wrapper for Vue enables you to display aggregate calculations at the bottom of its groups or columns.

To configure the aggregate grouping functionality in the native Vue Grid by Kendo UI, refer to the native Vue Grid by Kendo UI documentation.

To aggregate the calculations in the Kendo UI Data Grid wrapper for Vue:

Specify the name of the pertinent aggregate function by setting columns to aggregates.
Set the group and aggregate fields of the data source instance.

Example

View Source

Change Theme:

Suggested Links

Grouping Basics

Is this article helpful?

Thank you for your feedback!