Angular 当组展开时,如何在ag网格中显示组列中的值?
我有以下资料:Angular 当组展开时,如何在ag网格中显示组列中的值?,angular,typescript,ag-grid,ag-grid-angular,Angular,Typescript,Ag Grid,Ag Grid Angular,我有以下资料: [{ 'Year': 2016, Month: 'January, 'Other columns...' }, { 'Year': 2016, Month: 'February, 'Other columns...' }] 我想把它按年份分组。但是,我不希望在扩展组时为月份创建单独的列,而是像这样重用组列: 我想autoGroupColumnDef是我所需要的,我几乎实现了我想要的: gridOptions: GridOptions = { suppressAggFun
[{ 'Year': 2016, Month: 'January, 'Other columns...' },
{ 'Year': 2016, Month: 'February, 'Other columns...' }]
我想把它按年份分组。但是,我不希望在扩展组时为月份创建单独的列,而是像这样重用组列:
我想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'},
];
但是,月份值仍然与年份对齐,而不是与年份对齐
这可以通过CSS轻松实现
.ag-theme-balham .ag-ltr .ag-row-group-leaf-indent {
margin-left: 0 !important;
}
查看链接:您使用的是
treedata
还是rowGrouping
?你能提供plunk或stackblitz的链接吗?来玩玩它吗?@Paritosh:row Group。我创造了