React Ag网格expandAll企业

时间:2020-09-02 13:53:56

标签: reactjs ag-grid ag-grid-react

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

1 个答案:

答案 0 :(得分:0)

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>

在线示例

Edit AgGrid Expand Group To Lvl