DevExtreme jQuery/JS - Use Hierarchical Data

If you use hierarchical data, set the dataStructure option to 'tree'. For an example of hierarchical data, see the following code.

All items with children have the items field. If you use another name for this field, specify it in the itemsExpr option.

When you load data from a remote source, and your data objects have a field that defines whether a row has nested rows, assign this field name to the hasItemsExpr option. It will notify the widget which rows do not need the expand button.

NOTE
Editing does not work with hierarchical data sources out of the box, but you can use the code sample from this KB to implement it.
See Also