需要Angularjs Ui网格分组格式

时间:2015-05-21 12:52:47

标签: angularjs angularjs-directive angular-ui angular-ui-bootstrap angular-ui-grid

我正在使用Angularjs ui网格分组功能。请参阅图片,显示组合总和时,默认显示为'总计:'但我想将其更改为' Total' (资本' T')我还希望将汇总总数限制为2个十进制数。我需要更改设置的地方?

以下是我对Ui Grid的colDef:

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

uiGridGrouping

1 个答案:

答案 0 :(得分:5)

如果要自定义列页脚,则需要为列提供footerCellTemplate。

footerTemplate可以配置为仅显示两位小数

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

http://plnkr.co/edit/u75EC8gxdIBxHzthaH15?p=preview显示了一个可以更改标签和小数的示例。