AG-Grid：如何在数据透视模式下隐藏值列？答案

【问题标题】：AG-Grid: How to hide values columns in pivot mode?AG-Grid：如何在数据透视模式下隐藏值列？
【发布时间】：2022-03-09 13:58:45
【问题描述】：

我有多个聚合列：

const gridOptions: GridOptions = {
  pivotMode: false,
  groupIncludeTotalFooter: true,
  columnDefs: [
    { field: 'year', rowGroup: true },
    { field: 'month' },
    { field: 'col1', aggFunc: 'sum' },
    { field: 'col2', aggFunc: 'sum' },
};

但是当我在年份列上启用数据透视模式时，它会同时显示每年的 col1 和 col2：

function enablePivotMode() {
  gridOptions.columnApi.setPivotMode(true);
  gridOptions.columnApi.setPivotColumns(['year']);
  gridOptions.columnApi.setRowGroupColumns(['month']);   
}

如何选择在透视模式下可见的辅助列？

【问题讨论】：

运气好吗？你能做到吗？
这个问题有解决办法吗？
2 年后...没有答案，同样的问题.... IMO 的文档一团糟。

标签： typescript ag-grid

【解决方案1】：

要在数据透视表中隐藏您不需要的其他列，您需要将aggFunc 设置为null，例如

columnApi.applyColumnState({
    state: [
        { colId: 'col1', aggFunc: null }
    ]
});

注意，您可能还希望将 columnDefs 更改为使用 initialAggFunc 而不是 aggFunc，以避免在新数据上重置列配置。

【讨论】：