Можно ли предоставить функцию, которая позволяет пользователю использовать как древовидный, так и плоский вид для одних и тех же данных в одной сетке?
Например,
В виде дерева
Я вижу данные как вложенные / связанные
Родительская строка
В плоском виде: просто отобразите дочерние строки
дочерняя строка
Если вы хотите сгладить дерево, просто верните последний элемент в пути к дереву. Вам также необходимо сбросить все строки, чтобы применить изменение.
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);
}
}}
{...}
/>
