search

inokawa / virtua

A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.
https://inokawa.github.io/virtua/
MIT License
1.3k stars 44 forks source link

Better table support #312

Open inokawa opened 10 months ago

inokawa commented 10 months ago

219

mariia-mitiureva commented 9 months ago

Hi @inokawa Should this ticket solve the problem that body cell width doesn't match header cell width (when we don't set fixed cell width like in original storybook example) ?

image

Looks like it doesn't work properly because of position: absolute. I checked this example with mui table + react-virtuoso https://mui.com/material-ui/react-table/#virtualized-table . They don't set height to tbody directly, but add additional rows to the beginning and to the end to control scroll height and visible rows position, and avoid position: absolute.

inokawa commented 9 months ago

Hi, the purpose of this issue is to find a stable way to virtualize table element with virtua, because table virtualization is very tricky... I'll take a look mui table example. Thank you!