Virtualized Table border issue
I'm gutted, i've been stuck for 2 days trying to fix this nasty styling issue. Pretty sure it's skill issue and I very in need of help.
TLDR: the borders of the table rows seem to stop working when i try adding virtualization. Attached is a video showcasing the issue im facing as well as the example data-table i used.
This data-table is mainly based off the example from the docs: https://tanstack.com/virtual/latest/docs/framework/react/examples/table
2 Replies
ratty-blushOP•10mo ago
main reason for using virtualization is this is infinite scroll and have thousands of data
flat-fuchsia•10mo ago
We need to update table example as in this context better is to avoid the absolute positioning of virtualized items, you can got with something like https://codesandbox.io/p/sandbox/virtual-simple-table-cdqqpg?file=%2Fsrc%2FApp.tsx