How can I create editable columns in a table, similar to text fields?

[asifka-ramz]

Hi All,

How can I create editable columns in a table, similar to text fields?

Your help would be greatly appreciated.

thanks

[dangkhoa99]

You need to set the enableEditing table option to true. Link: https://www.material-react-table.com/docs/guides/editing

[asifka-ramz]

@dangkhoa99

Thanks for the reply. While enableEditing does make the table editable, my actual requirement is to have custom styling for editable cells or display a text box within the editable cell.

[dangkhoa99]

You can custom style with muiEditTextFieldProps.