Edit grid

RealGrid2's powerful editing features have the advantage of allowing users to edit data directly in the grid. Changed data is immediately stored in the DataProvider, and the changed data can also be sent to the server using the event (callback) function at the time of change.

The option to set the edit function is EditOptions and the function to set this option is setEditOptions() in GridView.

Modify data

By default, RelaGrid2 has the option to directly edit cell data, so editing is possible by entering a different value using the keyboard on the cell or double-clicking the cell with the mouse. However, at this time, the readonly property of the column must be set to false.

For detailed practice on data modification, refer to the Cell Data Modification guide.

Add or insert data rows

To add a new row at the end of the data or insert a new row between existing rows, you must modify the EditOptions property as shown below.

• Add new line at the end: EditOptions.appendable
• Insert new row between existing rows: EditOptions.insertable

gridView.editOptions.insertable = true;
gridView.editOptions.appendable = true;

For a detailed demo on adding and modifying data, see the Add or Insert Data guide.

Delete data row

There are two ways to delete data from the grid: physically deleting it from the DataProvider or hiding the deleted data from the GridView.

Deleting from the grid is possible by setting the EditOptions.editable option to true.

How to delete a row from grid

• Delete by pressing Ctrl+Del (windows) or ctrl + fn + backspace (mac).
• Use GridView’s deleteSelection() function
• Use the DataProvider's removeRow() or removeRows() function

There is this.

For a demo on deletion, see the Data Deletion guide.