Angularjs Ui grid grouping formatting is needed

Question

I am using Angularjs ui grid grouping functionality. Please see the image, When displaying group sum, by default it is getting displayed as 'total :' but I want to change it to 'Total' (capital 'T') and also I want to restrict aggregated totals to 2 decimal numbers. Where I need to change the settings?

The following is my colDef for the Ui Grid:

angular.forEach(columns, function(value, key) {
        columnDefs.push({
            name: key,
            displayName: value,
            enableCellEdit: false,
            aggregationType: uiGridConstants.aggregationTypes.sum,
            width: '8%'
        })
    });

uiGridGrouping

Kathir · Accepted Answer · 2015-05-21 17:41:57Z

5

If you want to customize the column footer , you need to provide a footerCellTemplate to the column.

The footerTemplate can be configured to only show two decimals

footerCellTemplate: '<div class="ui-grid-cell-contents">\'Total\' (capital \'T\') {{col.getAggregationValue() | number:2 }}</div>'

http://plnkr.co/edit/u75EC8gxdIBxHzthaH15?p=preview shows an example where you can change the label and decimals.

answered May 21, 2015 at 17:41

Kathir

6,2068 gold badges38 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mohamed NAOUALI Over a year ago

is it possible to make same thing for the grouping cells? is it possible to delete the aggregate notes like total, Max ....?

Collectives™ on Stack Overflow

Angularjs Ui grid grouping formatting is needed

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related