如何在AG Grid中隐藏自动分组列?已设hide:true仍显示
解决AG Grid隐藏自动分组列的问题
如果你需要展示带可展开子行的数据,但不想显示自动生成的分组列,按以下两种方法处理:
方法一:禁用自动分组列,自定义展开图标位置
直接关闭AG Grid自动生成分组列的功能,把展开图标放到你已有的列中:
- 在gridOptions里添加
suppressAutoColumn: true,阻止自动分组列生成 - 在任意目标列的配置中,设置cellRenderer为
agGroupCellRenderer,让该列显示展开箭头:
columnDefs: [ { headerName: '数据ID', field: 'soVRecordID', cellRenderer: 'agGroupCellRenderer', cellRendererParams: { suppressCount: true // 隐藏分组计数 } }, // 其他列配置... ]
方法二:强制隐藏自动分组列
如果仍想保留autoGroupColumnDef配置,可通过列API强制隐藏默认的自动分组列:
- 在gridReady回调中调用columnApi的
setColumnVisible方法,传入自动分组列的固定IDag-Grid-AutoColumn:
onGridReady = (params) => { params.columnApi.setColumnVisible('ag-Grid-AutoColumn', false); }
注:直接在autoGroupColumnDef里设置hide: true有时会因AG Grid的自动列优先级规则不生效,用上述两种方法可彻底隐藏分组列。
内容的提问来源于stack exchange,提问作者user11631308
相关产品推荐
相关产品推荐

