Feat: creating row with external button

[dangkhoa99]

Hello @KevinVandy,

According to your code, when using creatingDisplayMode = 'row', it will automatically create save and cancel buttons in the action column.

But in my case, I want to use save, cancel buttons in the table header to be able to control creatingRow. Can you review and merge the code?

Example:

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
material-react-table	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 2, 2024 4:14pm
material-react-table-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 2, 2024 4:14pm

[KevinVandy]

@dangkhoa99 I think my changes to this PR make more sense. Take a look

[dangkhoa99]

@KevinVandy In my case, when enableRowAction = false, I want when creatingDisplayMode="row" the save or cancel button does not show the action column and the buttons are shown on the table header.

[KevinVandy]

The problem is that onCreatingRowCancel is not a required option, so we cannot rely on it for conditional rendering

[KevinVandy]

You can just use columnVisibility state to completely hide the actions column if needed

[dangkhoa99]

I set enableRowAction = false in useMaterialReactTable but this column still show when i setCreatingRow(true)

[dangkhoa99]

You can test in link: https://material-react-table-storybook-pbyjfzsqt-kevinvandy-s-team.vercel.app/?path=/story/features-editing-examples--editing-enabled-edit-mode-cell

[dangkhoa99]

I want to implement both editingMode and creatingMode = 'row' similar to MUI as referenced link below:
https://mui.com/x/react-data-grid/editing/#controlled-model

[KevinVandy]

Hide row save button unless onCreatingRowSave has been defined