Enable DataGrid Inline Editing

Tutorial » Enable DataGrid Inline Editing

The editable feature was recently added to the datagrid. It enable the user to add a new row to the datagrid. The user may also update one or more rows.

This tutorial shows how to create a datagrid with inline editing.

Create DataGrid

To enable editing in datagrid, you should add a editor property to the columns. The editor tells datagrid how to edit the field and how to save the field value. As you can see we define three editor:text,combobox and checkbox.

Download the EasyUI example: