Aggregates in Hierarchy Grid

Thread ID:	Created:	Updated:	Platform:	Replies:
151255	Feb 5,2020 07:50 AM UTC	Feb 6,2020 10:17 AM UTC	Angular - EJ 2	1

Subscribe to this post

Tags: Grid

Pardeep Pandit

Asked On February 5, 2020 07:50 AM UTC

Hi,

Is Aggregates Footer feature is available in Hierarchy Grid ?

Thanks & Regards

Pardeep Pandit

Reply | Reply with quote

Prasanna Kumar Viswanathan [Syncfusion]

Replied On February 6, 2020 10:17 AM UTC

Hi Pardeep ,

Greetings from Syncfusion support

Query : Is Aggregates Footer feature is available in Hierarchy Grid ?

Yes, the Aggregate footer feature is available in hierarchy grid. Please refer the below code snippet and sample for your understanding.

App.component.ts

import { Component, OnInit, ViewChild } from '@angular/core';

@Component({

selector: 'app-root',

templateUrl: 'app.component.html',

export class AppComponent {

public data: Object[] = [];

ngOnInit(): void {

this.data = employeeData;

this.childGrid = {

dataSource: hierarchyOrderdata,

queryString: 'EmployeeID',

columns: [

{ field: 'OrderID', headerText: 'Order ID', textAlign: 'Right', width: 120 },

…

],aggregates: [{

columns: [{

type: 'Sum',

field: 'Freight',

format: 'C2',

footerTemplate: 'Sum: ${Sum}'

}]

}

App.component.html

<ejs-grid #grid [dataSource]='data' [toolbar]="toolbar" [childGrid]="childGrid">

<e-columns>

…

</e-columns>

</ejs-grid>

</div>

Links : https://ej2.syncfusion.com/angular/demos/#/material/grid/aggregate-default

Sample : https://stackblitz.com/edit/angular-xveswx?file=app.component.ts

Please get back to us if you need further assistance

Regards

Prasanna Kumar N.S.V

Reply | Reply with quote

CONTACT US

Aggregates in Hierarchy Grid

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US