Material-table: Make Edit Button disabled or removed based on condition for rows

[Simonlfr]

Right now there seems to be no way to disable the edit button on each row based on conditions.

For example like in this picture where the button is grayed out based on a condition.

[mbrn]

Hi @LTank ,

I added isEditable and isDeletable fields. I will publish it tomorrow. You can look at usage on documentation.

[mbrn]

1.35.0 published

[mbrn]

https://material-table.com/#/docs/features/editable

[ajayraveendran]

Hey @mbrn

Really enjoying using mat-table. I was wondering if there is a way to conditionally disable the check button based on values entered during adding/updating a row?

For e.g. User clicks on edit, they enter value A in Column1, check button stays clickable, if they enter value B or leave column1 blank, the check button is unclickable.

Thanks!

[n-so]

Hi @mbrn
I tried using isEditable: rowData => rowData.name === "Sarah" but edit icon is not disabling
what can be causing this?
And is there any way to disable actions buttons on (react) state condition
Thx.

[chipmunk25]

isEditable has an option to show either delete only or edit only based on the user permissions?

[chipmunk25]

Hi @mbrn
I tried using isEditable: rowData => rowData.name === "Sarah" but edit icon is not disabling
what can be causing this?
And is there any way to disable actions buttons on (react) state condition
Thx.

it u can case your rowData.name and "Sarah" to make sure the compare works well

[Jvictor97]

Is there a way to actually remove the edit button? I only want the inline delete feature on my MaterialTable, and would like to use a custom action for editing.

[chipmunk25]

Is there a way to actually remove the edit button? I only want the inline delete feature on my MaterialTable, and would like to use a custom action for editing.

u can do two things , either u use an action then u do your own remove or edit button or use edittable who u use only one

[chipmunk25]

u can also customize an edittable button

[muhadel]

@mbrn @chipmunk25
isEditable and isDeletable are not working!! , can you help?

[twgardner2]

Having the same issue. Even isDeletable: (rowData) => false doesn't disable the delete button

[chipmunk25]

Having the same issue. Even isDeletable: (rowData) => false doesn't disable the delete button

it looks like material-table is having a problem mine has stop working

[gabriellupu]

Having the same issue. Even isDeletable: (rowData) => false doesn't disable the delete button

same here

[zhex900]

This is broken after 1.54.0. Is there going to be a fix for this?

[Androsv96]

isEditable and isDeletable not working even with:
isEditable: rowData => false,
isDeletable : rowData => false

[pain2theworld]

isEditable and isDeletable are not working.
Reverting back to 1.54.0 worked as @zhex900 said.

[Androsv96]

See #1400

[ksavic]

Is there a way to disable add button?

[muhadel]

@ksavic
You can remove onRowAdd from the editable props object.

[r-rusev]

How can I disable 'Delete' button from edit row? I don't want it to be hidden but only disabled. How could I achieve this?