AG Grid autoGroupColumnDef配置问题：仅显示展开/收起图标并消除多余空白

我之前配置treeData模式的AG Grid时，刚好碰到过一模一样的问题！你设置的width:30被忽略，本质是agGroupCellRenderer自带的层级缩进和单元格默认内边距在悄悄撑开列宽，光改列宽参数根本压不住这些“额外占用”。

给你几个亲测有效的调整关键点：

• 关闭层级缩进：在cellRendererParams里设置indentSize: 0，默认的层级缩进会根据数据层级占用额外宽度，我们不需要分组文本的话直接把缩进彻底关掉。
• 去除单元格内边距：通过cellStyle设置padding: "0px"，AG Grid的单元格默认带内边距，这也是空白的重要来源之一。
• 锁定列宽：加上resizable: false防止用户误调整列宽，确保我们设置的30px宽度能固定生效。

修改后的完整配置代码如下：

const gridOptions: GridOptions = {
  treeData: true,
  getDataPath: (data) => data.hierarchy as string[],
  autoGroupColumnDef: {
    headerName: "",
    width: 30,
    resizable: false, // 锁定列宽避免被改动
    valueFormatter: () => "",
    cellStyle: {
      padding: "0px", // 彻底去除单元格内边距
    },
    cellRenderer: "agGroupCellRenderer",
    cellRendererParams: {
      suppressCount: true,
      indentSize: 0, // 关闭层级缩进，消除左侧空白
    },
  },
}

如果你的AG Grid版本比较旧，可能还需要在cellRendererParams里额外添加padding: 0（新版已经整合到indentSize参数里了）。这样调整后，分组列就只会显示展开/收起图标，不会有多余空白，而且width:30也能正常生效了。

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