展开组后,如何在ag-grid的组列中显示值?

时间:2019-08-21 10:24:24

标签: angular typescript ag-grid ag-grid-angular

我有以下数据:

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

我希望按年份分组。但是,当组扩展时,我不想为Month设置单独的列,而是像这样重用group列:

enter image description here

我猜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

但是,Month值仍然与年份(而不是年份)对齐。

enter image description here

1 个答案:

答案 0 :(得分:0)

这可以通过CSS轻松实现。

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

看看链接:StackBlitz