CSS issue with aligmnet virtualizedRows with @tanstack/react-table

Hello, I finally figure out, why I had issues with pagination data into tanstack table with tanstack/react-query / tanstack/react-table
Now I have issue with aligment of virtualized rows to match with columns.

Should I also create a virtualizer for columns, to measure the width of the columns or is there any better way to do it?

Example of tantack that I was relying on
https://codesandbox.io/s/tanstack-virtualization-sqeg3v?file=/src/main.tsx:1177-1180
image.png
CodeSandboxGreen8888Elephant
tanstack virtualization by Green8888Elephant using @faker-js/faker, @tanstack/react-table, @tanstack/react-virtual, axios, react, react-dom, react-query, react-virtual
tanstack virtualization - CodeSandbox
Was this page helpful?