React Ag网格expandAll企业 用法在线示例

问题描述

我有四个分组级别的数据，并且在AG网格中使用expandAll功能时，如何将其设置为扩展到2级？我不希望用户看到数据扩展到4级，但我想提供expandAll功能到2级。

解决方法

API中没有内置方法可以执行此操作，但是您可以编写自己的自定义方法以使用RowNode网格API为您提供的信息轻松扩展到特定级别

const expand = (upToLevel) => () => {
  gridApi.forEachNode((node) => {
    if (node.level < upToLevel) {
      node.expanded = true;
    } else {
      node.expanded = false;
    }
  });
  gridApi.onGroupExpandedOrCollapsed();
};

用法

<button onClick={expand(1)}>Expand lvl1</button>
<button onClick={expand(2)}>Expand lvl2</button>
<button onClick={expand(3)}>Expand lvl3</button>

在线示例