Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 当组展开时,如何在ag网格中显示组列中的值?_Angular_Typescript_Ag Grid_Ag Grid Angular - Fatal编程技术网

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。我创造了