How to get the underlying table instance?

[Janekk]

I'd like to get a table instance (MRT_TableInstance) in order to use its api method getSelectedRowModel, what is the best way to do this?

[KevinVandy]

So if you are already following this example and managing the rowSelection state yourself, you should already have access to all the selected rows.

All render[Section] props should already have access to the tableInstance if passed a function.

For example, renderToolbarTopActions={({ table }) => <div>...</div>}

Hmm I guess we could add a prop like onTableInstanceUpdated or something like that. Though it would kind of be readonly.

Is the use case for some buttons/components outside the table?

[Janekk]

Thank you.
It seems like rowSelection state only has the id of a selected row, I'd like to access the underlying row's data though. I was thinking about using getSelectedRowModel for that.

onTableInstanceUpdated for read-only purposes could work :)

[KevinVandy]

Alright I think I'll add it, but will need to investigate to make sure it does not have any performance issues that it creates.

Added as of v0.26.3 - onTableInstanceChange prop

[Janekk]

btw. for version >= 0.26 I'm getting TypeError: Cannot read properties of undefined (reading 'charAt') from MRT_TableHeadCellFilterLabel

[KevinVandy]

Which filterFn are you using?

[Janekk]

actually the issue starts with 1eabb50#diff-6a8aef832f51ea5fdf1555f9570eb2729e776511099e5f4bc5b15f75059fba87 I'll try to isolate the error today

[KevinVandy]

I added more optional chaining there in v0.26.4 so it at least should not crash. More filtering and custom filtering improvements to come

[Janekk]

@KevinVandy it fixed the issue, thank you! 🎉

[KevinVandy]

@Janekk Hi, if you see this, I'm considering removing the onTableInstanceChange prop from Material React Table, as it can easily cause infinite renders when used the wrong way. I wanted to ask for your use case to make sure there was a working alternative for you.

[Janekk]

Hi @KevinVandy, no problem I don't actually have a use case for it now. Thank you

[KevinVandy]

There is now actually a new stable way to get the underlying table instance with the tableInstanceRef prop. More info to come soon, but it will not cause infinite renders, or any re-renders for that matter, but it will allow you to have access to the tableInstance in any scope of your codebase. Introduced in v0.40.0

[KevinVandy]

Now in v2, this is trivial with the useMaterialReactTableProps https://www.material-react-table.com/migrating-to-v2#usematerialreacttable