AgGrid ServerSide模式下分组行指定列自定义值显示问题

在Ag-Grid企业版Server-Side行模型下，分组行默认仅渲染分组关联列（你的Members列）的单元格，其他列不会生成DOM元素，这就是你用aggFunc或普通valueFormatter不生效的核心原因。要在分组行的第二、第三列显示自定义值，需给对应列配置cellRenderer，通过判断节点是否为分组节点来返回自定义内容。

修改后的ColumnDefs示例：

[
  {
    field: 'CALENDARYEAR',
    rowGroup: true,
    hide: true
  },
  {
    field: 'MONTHYEAR',
    rowGroup: true,
    hide: true
  },
  {
    field: 'Members',
    headerName: 'Members',
    width: 300
  },
  {
    field: 'Column Name',
    headerName: 'Column Name',
    width: 240,
    cellRenderer: (params) => {
      // 针对分组行返回自定义内容
      if (params.node.group) {
        return '自定义日期值';
      }
      // 非分组行沿用原逻辑
      return 'Date Value';
    }
  },
  {
    field: 'Members',
    headerName: 'Parent',
    width: 240,
    cellRenderer: (params) => {
      if (params.node.group) {
        return params.node.parent?.key || '无父级';
      }
      return params.node?.parent?.key || 'None';
    }
  }
];

关键说明 #

• Server-Side模式下，分组行的非分组列默认不渲染单元格，必须通过cellRenderer触发DOM生成
• 通过params.node.group判断当前行是否为分组行，针对性返回自定义内容
• 若需依赖服务端聚合数据，需在服务端返回分组行的对应字段值，再通过cellRenderer读取展示

内容的提问来源于stack exchange，提问作者Muhammad Haseeb