Example of Command Column in Javascript Data Grid Control

Command Column

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
More Details...


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, Edit Delete Cancel Save Injecting Module Grid features are segregated into individual feature-wise modules. To use commandColumn feature, we need to inject CommandColumn module using the Grid.Inject(CommandColumn) method More information on the commandcolumn configuration can be found in this documentation section.