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.

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.

Suggested Links

• API Reference of the GridComponent
• Overview of Editing
• Built-In Editing Directives
• Customization of Editing Options in Reactive Forms
• API Index of the Grid