• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Enter the Edit Mode in a Grid Cell by Pressing Enter

Environment

Product Version5.1.0
ProductProgress® KendoReact

Description

How can I edit a selected grid cell by pressing the Enter key?

Solution

First we need to make the Grid navigatable by setting the navigatable prop to true.

Create a custom cell component, attach the onKeyDown event and pass it to the cellRender prop:

Example
View Source
Change Theme:

In this article

Not finding the help you need?