angular ui-grid : 更改总和聚合的标签

Question

我正在使用 sum 聚合来计算 angular ui-grid 中的一些总数。

总计显示得很好，但我不知道如何更改总计前面的标签。

如果总计为 5000，则页脚将显示：总计：5000

如何删除 total 这个词？我在源代码中看到它，但我不知道如何在不更改源代码的情况下更改它。

谢谢

Answer 1

我找到了可用于此目的的 'undocumented' (http://ui-grid.info/docs/#/api/ui.grid.class:GridOptions.columnDef) 属性：aggregationLabel

Answer 2

您可以删除它，只需添加此功能

$scope.hideAgregationChar = function( aggregation ){
    aggregation.rendered = aggregation.value;
    };

并在您的网格定义中添加此

customTreeAggregationFinalizerFn: $scope.hideAgregationChar,

或者如果您想将单词更改为另一个单词，只需像这样更改单元格模板

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

例如，这会将总数更改为总计。

Answer 3

对于您需要汇总的特定列，您必须仅包含 footerCellTemplate，如下所示 sum。

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

例如，上面的行会将总计更改为总计。

angular ui-grid : change label of the sum aggregate