What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- - Overviewupdated
  - Getting Started
  - Data Bindingupdated
  - Master-Detail Gridsupdated
  - Custom Cells
  - Columnsupdated
  - Rowsupdated
  - Editingupdated
  - Filteringupdated
  - Sorting
  - Grouping
  - - Basics
    - Aggregates for Grouped Data
    - Locked Group Headers
  - Pagingupdated
  - Scrolling
  - Interactivity
  - PDF Export
  - Excel Export
  - Styling
  - Optimization
  - Globalization
  - Accessibilityupdated
  - API
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Formupdated
- Ganttupdated
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBox
- ListView
- Map
- Notification
- OrgChartnew
- PDF Processing
- PDFViewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetupdated
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Data Grid / Grouping / Aggregates for Grouped Data /

Aggregates

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

For additional information, refer to the article on the process helpers for bulk data operations.

Example

View Source

Change Theme:

Suggested Links

Locked Group Headers

Is this article helpful?

Thank you for your feedback!