Angularjs Ui 需要网格分组格式
Angularjs Ui grid grouping formatting is needed
我正在使用 Angularjs ui 网格分组功能。请看图片,显示组总和时,默认情况下它显示为 'total :' 但我想将其更改为 'Total'(大写 'T')并且我还想限制总计到 2 个十进制数。我需要在哪里更改设置?
以下是我的 Ui 网格的 colDef:
angular.forEach(columns, function(value, key) {
columnDefs.push({
name: key,
displayName: value,
enableCellEdit: false,
aggregationType: uiGridConstants.aggregationTypes.sum,
width: '8%'
})
});
如果要自定义列脚注,需要为列提供一个footerCellTemplate。
footerTemplate 可以配置为只显示两位小数
footerCellTemplate: '<div class="ui-grid-cell-contents">\'Total\' (capital \'T\') {{col.getAggregationValue() | number:2 }}</div>'
http://plnkr.co/edit/u75EC8gxdIBxHzthaH15?p=preview 显示了一个示例,您可以在其中更改标签和小数。
我正在使用 Angularjs ui 网格分组功能。请看图片,显示组总和时,默认情况下它显示为 'total :' 但我想将其更改为 'Total'(大写 'T')并且我还想限制总计到 2 个十进制数。我需要在哪里更改设置?
以下是我的 Ui 网格的 colDef:
angular.forEach(columns, function(value, key) {
columnDefs.push({
name: key,
displayName: value,
enableCellEdit: false,
aggregationType: uiGridConstants.aggregationTypes.sum,
width: '8%'
})
});
如果要自定义列脚注,需要为列提供一个footerCellTemplate。
footerTemplate 可以配置为只显示两位小数
footerCellTemplate: '<div class="ui-grid-cell-contents">\'Total\' (capital \'T\') {{col.getAggregationValue() | number:2 }}</div>'
http://plnkr.co/edit/u75EC8gxdIBxHzthaH15?p=preview 显示了一个示例,您可以在其中更改标签和小数。