Inline Editing

This sample demonstrates CRUD operations in Grid. You can perform CRUD operations as follows,

  • Add - To add new record, click Add toolbar button
  • Edit - To edit record, double click a row or click toolbar Edit button after selected a row
  • Delete - To delete record, click toolbar Delete button after selected a row
  • Update,Cancel - You can save or discard changes by click toolbar Update and Cancel button respectively

By default, a new row will be added at the top of the grid. You can change it by setting editSettings.newRowPosition as Bottom

More Details...

Add New Row Position

Normal Editing is used to handle CRUD opertions. In Normal Editing mode the row itself is changed as edited row. You can start editing by double clicking a row or toolbar `Edit` button and then you can change the row values. In this demo, Normal editing is enabled by defining mode as `normal`.