DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

React Data Grid - Batch Editing

You can use batch edit mode to defer saving multiple cell changes. Changes are stored in a buffer and can be discarded before a user clicks the Save button.

To enable batch edit mode, configure the following properties:

To give you the ability to edit code on the fly, the demo uses SystemJS. For this reason, launching the demo takes some time. We strongly recommend that you do not use this approach in real projects.
Backend API

The startEditAction property specifies whether cells enter the editing state on a single or double click. Cell edit also selects the cells' text because the selectTextOnEditStart property is set to true. You can use the controls below the DataGrid to change these properties at runtime.