【问题标题】:Ag-grid: How to change define column headerName when using AggFunc?Ag-grid:使用 AggFunc 时如何更改定义列标题名称?
【发布时间】:2019-06-25 10:42:17
【问题描述】:

对于给定的列定义,当使用 aggFunc 时,headerName 以 func(string) 格式出现 - 我只希望标题显示我定义的字符串。当 AggFunc 为 null 时,此行为不存在。

const  columnDef: any = {

    headerName: 'Test',
    field: date,
    suppressMenu: true,
    width: 80,
    editable: true,
    lockPosition: true,
    type: 'numericColumn',
    aggFunc: function(data) {

      let sum = 0;
      data.forEach( function(value) {
        if (value) {
            sum = sum + parseFloat(value);
          }
      } );
      if (!sum) { return null; }

      return sum.toFixed(2);
    },
}

headerName 应该显示“test”,但会显示 func(test)。

https://imgur.com/a/mJoM5tw

【问题讨论】:

  • 你能在 StackBlitz 上创建一个工作示例吗?

标签: angular typescript ag-grid


【解决方案1】:

您需要在 gridOptions 中将此属性标记为 true。

suppressAggFuncInHeader : true;

根据文档-

如果为 true,列标题将不包含 aggFunc,例如 'sum(Bank 余额)”将只是“银行余额”。

【讨论】:

  • 文档没有提到这是一个网格属性,而不是列属性。所以我不能在上面的列属性中使用你的解决方案。相反......实际的答案是
  • 它不是列属性。我已经在 gridOptions 中成功使用了它。您可以将 gridOptions 定义为组件中的对象或使用 html 中的指令。很高兴它对你有用
猜你喜欢
  • 1970-01-01
  • 2020-12-22
  • 2019-08-23
  • 2020-12-31
  • 2019-12-03
  • 2016-07-27
  • 2022-01-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多