Conditionally enable cell editing

[fracartdev]

It would be nice if there was a way to conditionally enable editing on cells. Maybe like adding the table values to the enableEditing prop:
{ cell, column, row, table, }

{
   header: "name",
   accessorKey: "name",
   enableEditing: ({ cell, column, row, table }) => row.original.lastName ? true : false
}

Something along these lines..

[KevinVandy]

You can at least disable the edit textfield like this

{
   header: "name",
   accessorKey: "name",
   muiTableBodyCellEditTextFieldProps: ({ cell, row }) =>  ({
    disabled: row.original.someCondition,
    sx: {
      //or add some other CSS here based on cell or row conditions
    }
  })
}

Hope that helps

[fracartdev]

Thanks!

[KevinVandy]

@fracartdev MRT v1.8.0 now let's you enable editing per row conditionally

enableEditing: (row) => row.original.someCondition

[sdancer75]

@fracartdev MRT v1.8.0 now let's you enable editing per row conditionally

enableEditing: (row) => row.original.someCondition

The question is how to access the enableEditing state inside muiTableBodyCellProps for example?

Checking the column def I get the function and I found no other helper function to get this state after the rendering.