Ag-grid:如何在使用 AggFunc 时更改定义列 headerName?

Tro*_*oyd 4 typescript ag-grid angular

对于给定的列定义,当使用 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);
    },
}
Run Code Online (Sandbox Code Playgroud)

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

https://imgur.com/a/mJoM5tw

Pra*_*hat 13

您需要在您的gridOptions.

suppressAggFuncInHeader : true;
Run Code Online (Sandbox Code Playgroud)

根据文档-

如果为真,列标题将不包含 aggFunc,例如“sum(Bank Balance)”将只是“Bank Balance”。

  • 它不是列属性。我已经在 gridOptions 中成功使用了它。您可以将 gridOptions 定义为组件中的对象或使用 html 中的指令。很高兴它对你有效 (2认同)