Block Cell Editing
Angular Data Grid
File of interest
The .html template where you added the grid with
The .html template where you added the grid with
<app-deebodata-data-table-component
You simply need to bind the editable input property of the grid component to false.
This will block all cell editing in the grid. Do it with the code below:
<app-deebodata-data-table-component
[editable]="false"
></app-deebodata-data-table-component>
Some organizations may want to conditionally disable cell editing based on user roles or other criteria. In such cases, you can bind the editable property to a variable in your component and update its value dynamically.