Abdul,
By default, the
aggregate value can be displayed in the footer, group, and caption cells. To
show the aggregate value in one of the cells, use the footerTemplate,
groupFooterTemplate, or groupCaptionTemplate property. It is not correct to
define both groupFooterTemplate and groupCaptionTemplate in the same object as
it will be displayed in different cells.
Refer the below code example
|
aggregates: [
{
columns: [
{
type: 'Sum',
field: 'UnitsInStock',
groupCaptionTemplate: 'Total units: ${Sum}',
},
{
type: 'Sum',
field: 'UnitsInStock',
groupFooterTemplate: 'Total units: ${Sum}',
},
{
type: 'TrueCount',
field: 'Discontinued',
groupCaptionTemplate: 'Discontinued: ${TrueCount}',
},
{
type: 'TrueCount',
field: 'Discontinued',
groupFooterTemplate: 'Discontinued: ${TrueCount}',
},
],
|
Sample: https://stackblitz.com/edit/sn4qyv-zx26ya?file=index.js
Documentaiton: https://ej2.syncfusion.com/javascript/documentation/grid/aggregates/aggregates/
