1

我有一个 ag-grid,其中行默认按两列分组,但这些组是折叠的。

colDefs = 
[
  {
    field: 'colA',
    rowGroupIndex: 0,
  },
  {
    field: 'colB',
    rowGroupIndex: 1
  },
  …
];

我想让第一个组级别像这样扩展:

- ColA 1
  + COlB 1 (5)
  + ColB 2 (3)
- ColA 2
  + COlB 3 (1)
  + COlB 4 (9)
  + COlB 5 (11)

扩展一级组最好的地方在哪里?

4

4 回答 4

2

看看我创建的 plunk:ag-grid: expand groups in ag-grid-angular

this.gridApi.expandAll();

如需更多参考,请查看文档:内置菜单项

expandAll:展开所有组。仅在按至少一列分组时显示。


更新:

以上点展开了各级节点。以下解决方案是根据您的需要实现的。

看看我创建的另一个 plunk:ag-grid: expand the first group level in ag-grid-angular

我只是以编程方式扩展处于0级别的节点。

this.gridApi.forEachNode((node, b) => {
  if (node.level === 0) {
    node.setExpanded(true);
  }
});
于 2019-04-05T09:10:03.027 回答
0

除了帕里托什的回答:

不要使用超时,有一个名为 的事件firstDataRendered,它将在需要的时间执行。

于 2019-04-05T10:06:33.377 回答
0

另一个使用选项forEachNode是匹配field名称并使用setRowNodeExpanded.

gridApi.forEachNode(rowNode => {
    if (rowNode.field == 'colA')
        gridApi.setRowNodeExpanded(rowNode, true)       
});
于 2021-07-05T02:46:23.720 回答
0

您可以使用 groupDefaultExpanded 选项: https ://www.ag-grid.com/javascript-grid-grouping/ (我无法直接链接到该部分,但搜索 groupDefaultExpanded)。将所有折叠设置为 0,仅第一级设置为 1,等等。设置为 -1 以展开所有内容。

在您的情况下,将其设置为 1 以查看级别 1 上的项目(即仅展开顶层)

<ag-grid-angular [groupDefaultExpanded]="1">
</ag-grid-angular>
于 2020-11-09T13:42:57.867 回答