Example of undefined in React Tree Grid Component


This samples demonstrates the way of preventing editing for certain row and disable the locked rows to differentiate edit and non-editable rows in Tree Grid.

More Details...


The Tree Grid supports CRUD operations. This CRUD operations can be configured in Tree Grid using editSettings. Also, it has different modes to manipulate the datasource.

The available modes are,

  • Row
  • Cell
  • Dialog

In this sample, we have provided an option in property panel to prevent editing for certain rows. Using beginEdit event of Tree Grid, we prevent the editing for selected Task ID row in the dropdown and disable the corresponding row using rowDataBound event of Tree Grid.

Injecting Module:

Tree Grid features are segregated into individual feature-wise modules. To use editing feature, we need to inject Edit module into the services.

More information on the selection configuration can be found in this documentation section.