This sample demonstrates CRUD operations in 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 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,
EditDeleteCancelSaveInjecting Module
Grid features are segregated into individual feature-wise modules.
To use commandColumn feature, we need to inject CommandColumn module into the services.
More information on the commandcolumn configuration can be found in this documentation section.
Looking for the full React Data Grid component overview, features, pricing, and documentation? Visit our React Data Grid component page.