扩展组时，如何在 ag-grid 的组列中显示值？答案

【问题标题】：How to show values in the group column in ag-grid, when group is expanded?扩展组时，如何在 ag-grid 的组列中显示值？
【发布时间】：2019-12-26 14:35:24
【问题描述】：

我有以下数据：

[{ 'Year': 2016, Month: 'January, 'Other columns...' },
 { 'Year': 2016, Month: 'February, 'Other columns...' }]

我希望它按年份分组。但是，当组扩展时，我不希望为 Month 单独列，而是像这样重用组列：

我猜autoGroupColumnDef 是我需要的，我几乎实现了我想要的：

gridOptions: GridOptions = {
  suppressAggFuncInHeader: true,
  autoGroupColumnDef: {field: 'Month', headerName: '', cellRendererParams: { suppressCount: true}},
  groupIncludeTotalFooter: true,
};


columnDefs: ColDef[] = [
  {field: 'Year', hide: true, rowGroup: true },
  {field: 'Other Column1', aggFunc: 'sum'},
  {field: 'Other Column2', aggFunc: 'sum'},
];

see stackblitz example

但是，月份值仍与年份对齐，而不是在年份下方。

【问题讨论】：

您使用treedata 或rowGrouping 的哪个功能？你能提供 plunk 或 stackblitz 的链接吗？
@Paritosh：行分组。我创建了stackblitz

标签： angular typescript ag-grid ag-grid-angular

【解决方案1】：

这可以通过 CSS 轻松实现。

.ag-theme-balham .ag-ltr .ag-row-group-leaf-indent {
  margin-left: 0 !important;
}

查看链接：StackBlitz

【讨论】：