Adding component to the footer element

[Keyframe]

Hi, this is more of a question than an issue.

Any idea how one could add a component to the footerElement?

I want to do add this component to the footerElement:

<DefaultButton
            data-automation-id="test"
            allowDisabledFocus={true}
            disabled={disabled}
            checked={checked}
            text="Button"
            onClick={this._alertClicked}
          />

[ngduc]

@Keyframe I've just added support for footerElement (JSX) in 0.7.9. Example:

<ReactTabulator
          columns={editableColumns}
          data={data}
          footerElement={<YourFooterComponent />}
/>

Demo - https://codesandbox.io/s/0mwpy612xw
Let me know if that works :]

[Keyframe]

@ngduc sounds great, but I'm on use-tabulator-4.1.1 branch. If you can propagate that change to it, I can test it locally as well! :)

[ngduc]

I think I merged that branch to master & released it. can you try the latest 0.7.9? @Keyframe

[Keyframe]

It does seem to work, except how do we pass arguments to props when nested within braces now? For example, those {true}, {disabled}, {checked}, {this._alertClicked} aren't passed

                    footerElement = {
                        <DefaultButton
                            data-automation-id="test"
                            allowDisabledFocus={true}
                            disabled={disabled}
                            checked={checked}
                            text="Button"
                            onClick={this._alertClicked}
                        />
                    }