Block Cell Editing
React Data Grid
File of interest
The .jsx component where you added the grid with
The .jsx component where you added the grid with
<DeeboDataGrid /> or deebo-grid/src/App.jsx in the default code setup.
You simply need to pass the editable prop of the grid component as false.
This will block all cell editing in the grid. Do it with the code below:
<DeeboDataGrid editable={false} />
Some organizations may want to conditionally disable cell editing based on user roles or other criteria. In such cases, you can bind the editable prop to a variable in your component and update its value dynamically.
