Add new row on load programmatically.

[Diae-Louali]

The goal would be to trigger the Add row function which show a new row form with inputs and all given a certain condition. Is this possible at all ? How would I go about achieving this ?

An example of the behavior I want to achieve can be found in the documentation under "Editable Example - Editable Preview" : https://material-table.com/#/docs/features/editable .

The only difference is that I would not need to click on the button to trigger the add new row function.

[Domino987]

If you use the ref, this would work:

React.useEffect(() => {

ref.current.dataManager.changeRowEditing();
ref.current.setState({
              ...ref.current.dataManager.getRenderState(),
              showAddRow: !ref.current.state.showAddRow
            })
}, []);