如何解决我们可以在树形视图和平面视图之间切换吗?
是否可以提供一个功能,使用户可以在同一网格中同时具有相同数据的树形视图和平面视图选项
例如
树状视图
我可以看到嵌套/链接的数据
父行
- 子行
在平面视图中:仅显示子行
子行
解决方法
如果要展平树,只需返回树路径中的最后一项。您还需要重置所有行以应用更改。
const displayTree = React.useRef(true);
const updateDisplayTree = (tree) => () => {
displayTree.current = tree;
gridApi.setRowData(rowData);
};
...
<button onClick={updateDisplayTree(true)}>Tree</button>
<button onClick={updateDisplayTree(false)}>Flat</button>
<AgGridReact
treeData
autoGroupColumnDef={{
headerName: "Organisation Hierarchy",minWidth: 300,}}
getDataPath={(data) => {
if (displayTree.current) {
return data.orgHierarchy;
} else {
return data.orgHierarchy.slice(-1);
}
}}
{...}
/>
实时演示
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。