Editing with Custom Editors
Premium

The KendoReact Data Grid allows you to set a custom cell as an editor.

ninja-iconThe Editing with Custom Editors feature of the Grid is part of KendoReact premium, an enterprise-grade UI library with 120+ free and premium components for building polished, performant apps. Test-drive all features with a free 30-day trial.Start Free Trial

The following example demonstrates how to use the DropDownList as a custom editor using the cells.data property of the GridColumn component, which allows you to render a custom Grid cell.

Change Theme
Theme
Loading ...

Grid with External Form Editing

The following example demonstrates how to implement external Form editing using the cells.data property of the GridColumn component.

Change Theme
Theme
Loading ...

In-Cell Editing with Custom Editors

The main difference in introducing custom editors with in-cell editing is the way that the cell content is returned. The in-cell editing relies on the cells.data and rowRender properties of the Grid and if the custom cell is not returned by calling the default render of the cell, this will not trigger the Grid cellRender for those cells.

The following example demonstrates how to use the custom editors with in-cell editing.

Change Theme
Theme
Loading ...