This sample demonstrates CRUD operations in Tree Grid using command column. You can perform CRUD operations as follows,
Edit - To edit record, double click a row or click Edit
button from command column after selected a row.
Delete - To delete record, click Delete button from
command column after selected a row.
Update, Cancel -You can save or discard changes by
click Update and Cancel button from command column respectively.
The Tree Grid provides an option to render CRUD action buttons in a
column by using the CommandColumn feature. The{" "}
columns->commands property accepts array of
CommandModel object. The predefined command button can be defined by
using type property.
The built-in command button are,
Edit
Delete
Cancel
Save
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.
Looking for the full React Tree Grid component overview, features, pricing, and documentation? Visit our React Tree Grid component page.