angular - 展开组时，如何在 ag-grid 的组列中显示值？

Question

我有以下数据：

[{ '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'},
];

参见 stackblitz 示例

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

标签： angulartypescriptag-gridag-grid-angular

Answer 1

这可以通过 CSS 轻松实现。

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

看看链接：StackBlitz