Angular ag-grid中如何移除指定列的页脚总计？

要实现只隐藏指定列的总计页脚，无需修改全局聚合逻辑，直接利用列定义的footerValueGetter属性即可，这比自定义聚合函数更精准：

• 针对需要隐藏总计的列，在其columnDefs配置中添加footerValueGetter，返回空字符串或undefined，该列的总计单元格就会显示为空
• 其他列保持原有聚合配置（比如aggFunc: 'sum'），不受影响

示例代码 #

// 组件中的列定义
columnDefs = [
  {
    headerName: '商品分类',
    field: 'category',
    // 自定义页脚值获取器，返回空值隐藏总计
    footerValueGetter: () => ''
  },
  {
    headerName: '销售数量',
    field: 'salesQty',
    aggFunc: 'sum' // 保留正常求和聚合
  },
  {
    headerName: '销售金额',
    field: 'salesAmount',
    aggFunc: 'sum'
  }
];

// 网格基础配置
gridOptions = {
  groupIncludeTotalFooter: true,
  rowData: yourRowData, // 你的数据源
  // 其他网格配置项...
};

进阶灵活控制 #

如果需要根据条件动态决定是否显示总计，footerValueGetter可以接收参数上下文，做更复杂的判断：

footerValueGetter: (params) => {
  // params.node 可获取总计节点信息，params.column 为当前列对象
  // 示例：仅当总计值为0时隐藏
  const totalValue = params.node.aggData[params.column.field];
  return totalValue === 0 ? '' : totalValue;
}

为什么自定义聚合函数可能失效？ #

自定义aggFunc是用来计算聚合值的，即使返回空值，AG Grid仍会渲染空的页脚单元格；而footerValueGetter是直接控制页脚单元格的显示内容，返回空时单元格无内容，视觉上完全移除了该列的总计。

内容的提问来源于stack exchange，提问作者Priyanka Jalal