Data Validation Editing in KendoReact Data Grid
Premium

The Data Grid component allows you to validate the data being edited. In order to achieve this, render custom editor components using the Grid cells.edit property and this allows you to show an error message when the chosen data does not match your defined validation conditions.

ninja-iconThe Data Validation Editing 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 below demo demonstrates a possible approach that can be used to validate Grid's data. The onItemChange event handler which fires on every onChange of the еdit cell gets the data being edited and validates it. In addition, the enterInsert function checks the validity of the data added by the user.

Change Theme
Theme
Loading ...
In this article
Suggested Links
Not finding the help you need?
Contact Support