React Grid Editable Conditional Based On Other Column Values

[David]

Hi,

GridColumnProps has an editable prop which accepts boolean values only. Is it possible to conditionally set the editability of a column based on values in other columns?

Kind regards,

David

[Stefan]

Hello, David,

The editable prop can be set to a function to change it dynamically.

For example, you can keep the edited records inside the state, and use them in the function:

https://stackblitz.com/edit/react-97m1zg-gyj2wm?file=app/main.jsx

Another option is to use the cell prop of the column where the developer has full control over what to render. This has the entire row information available, and the developer can decide to render the editor or the value:

https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-custom/ (here we can add extra conditions to the DropDownList cell)

I hope one of the approaches proves helpful.

Regards,
Stefan
Progress Telerik

[David]

Thanks Stefan, I will try these out.

Kind regards,

David