This sample shows you can use FlexGrid to create hierarchical data trees. You can use the grid as a TreeView control.
We created the tree on the left by populating the grid and adding group rows in code. We created the tree on the right automatically, using the itemsSource and childItemsPath properties.
Both samples use the WjFlexGrid component with Angular 2, and the one on the right also uses the WjFlexGridColumn component.
You can collapse or expand tree nodes by clicking the icons on the group rows or by using the left and right arrow keys. Pressing the control key while clicking the icons collapses or expands the entire tree to the level desired.