如何在Ag-Grid透视表中隐藏Total列，保留分组展开与行聚合

需求描述 #

配置了行分组与透视列的Ag-Grid透视表，希望隐藏所有“Total”列，同时保留透视列的可展开分组功能，行分组继续沿用原有的aggFunc聚合逻辑。

当前状态 #

期望效果 #

用户原配置代码 #

const gridOptions = {
  columnDefs: [
    { field: 'country', rowGroup: true, enableRowGroup: true },
    { field: 'athlete', rowGroup: true, enableRowGroup: true },
    { field: 'sport', pivot: true, enablePivot: true },
    { field: 'year', pivot: true, enablePivot: true },
    { field: 'gold', aggFunc: 'sum' },
    { field: 'silver', aggFunc: 'sum' },
    { field: 'bronze', aggFunc: 'sum' },
  ],
  defaultColDef: {
    maxWidth: 140,
    filter: true,
    resizable: true,
  },
  autoGroupColumnDef: {
    minWidth: 180,
  },
  pivotMode: true,
  pivotColumnGroupTotals: 'before',
};

实现方案 #

Ag-Grid没有直接提供隐藏透视Total列的配置项，但可以通过监听网格事件，动态识别并隐藏Total列。Total列的colId会包含pivotTotal关键字，也可以通过列头文本“Total”识别。

修改后的代码 #

const gridOptions = {
  columnDefs: [
    { field: 'country', rowGroup: true, enableRowGroup: true },
    { field: 'athlete', rowGroup: true, enableRowGroup: true },
    { field: 'sport', pivot: true, enablePivot: true },
    { field: 'year', pivot: true, enablePivot: true },
    { field: 'gold', aggFunc: 'sum' },
    { field: 'silver', aggFunc: 'sum' },
    { field: 'bronze', aggFunc: 'sum' },
  ],
  defaultColDef: {
    maxWidth: 140,
    filter: true,
    resizable: true,
  },
  autoGroupColumnDef: {
    minWidth: 180,
  },
  pivotMode: true,
  pivotColumnGroupTotals: 'before',
  // 网格初始化完成后隐藏Total列
  onGridReady: (params) => {
    hidePivotTotalColumns(params.api);
  },
  // 列结构变化时（如调整透视列）重新隐藏Total列
  onColumnsChanged: (params) => {
    hidePivotTotalColumns(params.api);
  }
};

// 封装隐藏Total列的工具函数
function hidePivotTotalColumns(gridApi) {
  const allColumns = gridApi.getAllColumns();
  allColumns.forEach(col => {
    // 通过colId或列头文本识别Total列
    if (col.getColId().includes('pivotTotal') || col.getHeaderName() === 'Total') {
      gridApi.setColumnVisible(col.getColId(), false);
    }
  });
}

说明 #

• 该方案通过onGridReady在网格初始化时隐藏Total列，同时通过onColumnsChanged处理动态调整透视列的场景，确保新生成的Total列也会被自动隐藏。
• 透视列的分组展开功能不受影响，行分组的aggFunc会继续按原配置执行聚合计算。

内容的提问来源于stack exchange，提问作者Louis Limmarga