Table support

I am currently trying to find a way to use one of your components to render table rows (specifically using material ui).

Here is the general idea of what I’m aiming for

<Table>
    <TableHead>...</TableHead>
    <TableBody>
        <Virtuoso ... />
    </TableBody>
</Table>

however I see the issue is that your Virtuoso component renders a few divs I’m assuming to track height, number of items in view, etc.

Maybe there is a way we can pass our own component as a prop to render as a parent element? something={TableBody}?

I’m essentially asking if there is a good way to prevent this kind of markup below?

...
<tbody>
    <div ...>
        <div ...>
            <tr>
...

Let me know what else I can provide. I appreciate what you have done so far!

[petyosi]

Everyone, v2.5.0 includes TableVirtuoso which works with HTML Tables, MUI Table and React Table. You can start from the example here: https://virtuoso.dev/hello-table/.

If something does not work as expected, please open a new issue with repro.

Cheers,

[piecyk]

What about something like this? https://codesandbox.io/s/virtuoso-table-fshis?file=/src/App.tsx