In-Cell

The Grid provides options for editing its data cell by cell.

Basic Concepts

The following methods and events provide approaches to implement particular editing scenarios:

  • To put a cell into the in-cell editing mode, use the editCell method. To put a cell out of the in-cell editing mode, use the closeCell method.
  • To put a cell into the in-cell editing mode on click, use the cellClick event. To save the updated items, use the cellClose event.

The following example demonstrates how to implement the in-cell editing mode in the Kendo UI Grid for Angular.

Example
View Source
Edit In Stackblitz  
Change Theme:

Disabling the Click Handler for Specific Elements

By default, the Grid handles user clicks on non-focusable elements within the cell. To disable the default behavior for specific non-focusable elements, set the "k-grid-ignore-click" class. You can use the same approach for elements which are outside the Grid.

Example
View Source
Edit In Stackblitz  
Change Theme: