custom summary title on grouped rows.

Question

Hi there.is it possible to make summary rows title like group caption.eg: group caption = columnHeaderText : key - 10 itemssummary row title = sum of key

Hariharan J V · Answer

Hi Hussain, 
  
Query: Is it possible to make summary rows title like group caption. 
  
You can achieve your requirements by using footerTemplate property. Please refer to the below example code, documentation link and sample link. 
 
[app.js] 




var grid = new ej.grids.Grid({ 
        dataSource: data, 
        allowGrouping: true, 
        groupSettings: { showDropArea: false, columns: ['ShipCountry'] }, 
        columns: [ 
            { field: 'OrderID', headerText: 'Order ID', textAlign: 'Right', width: 120 }, 
            . . . . . . . . . . 
            { field: 'Freight', headerText: 'Freight', width: 150, format: 'C2' }, 
            { field: 'ShipCountry', headerText: 'Ship Country', width: 150 } 
        ], 
        height: 290, 
        aggregates: [{ 
                columns: [{ 
                        type: 'Sum', 
                        field: 'Freight', 
                        footerTemplate: 'Total: Sum is ${Sum}'    // you can use summary row title as a custom 
                    }] 
            }] 
    }); 
    grid.appendTo('#Grid'); 
 
Documentation: https://ej2.syncfusion.com/documentation/grid/aggregates.html?lang=typescript 
Sample               : https://stackblitz.com/edit/zqsn1z?file=index.js 
 
Regards, 
Hariharan