Cell Editing and Editing API

Users can modify DataGrid data cell by cell. In this mode, only one cell can be in the edit state at a time. DataGrid saves changes immediately after the focus leaves cell.

To enable the cell mode, do the following:

Set the editing.mode to "cell".
Assign true to the editing object's allowUpdating, allowAdding, and allowDeleting properties.

This demo also shows how to delete selected records. Review the onSelectionChanged and deleteRecords functions for implementation details.

See more Hide details

Prev Demo Next Demo

Was this demo helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Send Feedback

Thank you!
We appreciate your feedback.

ASP.NET MVC

Thank you for your interest in our ASP.NET MVC product libraries and UI component suite. We are moving ASP.NET MVC-related demos and content to DevExpress.com. Please make sure to update your bookmarks with our new URL.

View Demo

Cell Editing and Editing API

jQuery

Angular

Vue

React

AngularJS

ASP.NET Core

ASP.NET MVC