This repository is a focused sample application that demonstrates configuring and use aggregate calculations with the React TreeGrid component from Syncfusion's component library.
The example shows to display built-in aggregate values (sum, average, count, min, max), to add and render custom aggregate functions, and to customize the footer area to present the aggregate results.
- Demonstrate the aggregate integration in treegrid sample.
- Demonstrate the custom aggregate integration in treegrid sample.
Before starting, ensure you have the following installed:
- Node.js: Latest stable version
- Visual Studio Code: Latest version recommended
- npm: Node Package Manager (included with Node.js)
- Basic knowledge of React and JavaScript
Clone and set up the project:
git clone https://github.com/SyncfusionExamples/deep-dive-into-aggregates-in-the-react-treegrid
cd deep-dive-into-aggregates-in-the-react-treegrid
npm install
Start the development server:
npm start
The application will open in your default browser. Any changes you make to the source files will automatically reload the application.
Explore Syncfusion EJ2 TreeGrid aggregate examples:
https://ej2.syncfusion.com/react/demos/#/fluent2/treegrid/aggregate-default
https://ej2.syncfusion.com/react/demos/#/fluent2/treegrid/custom-aggregate
For detailed information and configuration options: https://ej2.syncfusion.com/react/documentation/treegrid/aggregates/aggregates