Tree Data provides a way to supply structured hierarchical data for displaying in the grid.
Enabling Tree Data
To enable Tree Data set the treeData
property to true
in the grid options, and provide a getDataPath
callback to configure the Row Hierarchy
Set to true to enable the Grid to work with Tree Data. You must also implement the getDataPath(data) callback. |
Callback to be used when working with Tree Data when treeData = true . |
The example above uses the following configuration to enable Tree Data:
<ag-grid-angular
[treeData]="treeData"
[getDataPath]="getDataPath"
/* other grid options ... */ />
this.treeData = true;
this.getDataPath = data => data.path;
Next Up
Continue to the next section to learn how to provide a Row Hierarchy.