Option to enable/disable adding rows

[gomorizsolt]

Is your feature request related to a problem? Please describe.

We'd like to disable adding rows if the client reaches a certain limit of items.

Describe the solution you'd like

Looking for an option to control the "add" button's disabled property just as e.g. isEditable disables editing rows.

Describe alternatives you've considered

Our alternative solution goes as follows.

1. Set editable.onRowData to undefined(Disable add button when Editable if the field in last row has x value #465).

editable={{
   onRowAdd: (...) => this.maxLimitReached() ? undefined : this.add(...)
}}

2. Display a "placeholder" in place of the "hidden" onRowAdd icon.

actions={[
   {
      icon: "add_box",
      tooltip: "...",
      isFreeAction: true,
      disabled: true,
      hidden: !this.maxLimitReached()
      onClick: () => {}
   }
]}

[thisismydesign]

Btw I don't understand the solution in #465. AFAICT the request was also to be able to "disable the add button", but the issue was closed without solving this. You could also reopen that one as it already had some engagement.

Our workaround works but is very hacky.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can reopen it if it required.

[thisismydesign]

Don't close this issue. This is an automatic message by Fresh - a bot against stale bots.

[Domino987]

So how about:
editable={{ onRowAdd: this.maxLimitReached() ? (...) => this.add(...) : undefined }}

[thisismydesign]

I believe that was the quite uncomfortable workaround we used where we had to hide and replace the button instead of simply controlling its disabled property.

[Domino987]

Fixed with isEditable prop of editable

[thisismydesign]

Hey @Domino987, I tried isEditable on 1.62.0 and it doesn't address this issue.

The following still lets me add new rows.

editable={{
  isEditable: () => false
})

We'd like a way to disable adding new rows in a user-friendly manner, such as a disabled Add button (perhaps with a tooltip). There seemed to be interest from others as well. Could you re-open this issue?

The following simply makes the Add button disappear:

editable={{
   onRowAdd: undefined
}}