New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Border of row is disappear when scroll down #620
Comments
I change |
UPDATE : from example at #585 (comment) can solve this problem by adding calculated height maybe |
This is interesting, looks like it's connected how borders are handled in table by browser. |
I ran into similar issue with the |
Facing the same issue. Is there a better example with react-table where rows can have variable height? |
@ak274 best is to change positioning strategy, checkout this comment #640 (comment) same as @nrc2539 was suggesting |
Had somewhat the same issue, we used a workaround with a box-shadow instead of a border. |
Describe the bug
When I scroll down in table around 20 rows is looking fine, but after that border of row will be display wrong position and then it disappear.
Your minimal, reproducible example
Code sandbox
Steps to reproduce
I using table example from document
and modify style of
<table>
withstyle={{ borderCollapse: "collapse" }}
and style of
<tr>
in<tbody>
by addingborderTop: "1px solid #ff0000"
Expected behavior
Border of each row should be visible and display correctly position
How often does this bug happen?
Every time
Screenshots or Videos
Screen.Recording.2566-11-06.at.23.10.42.mov
Platform
OS: macOS
Browser: Google chrome Version 119.0.6045.105
tanstack-virtual version
"3.0.0-beta.68"
TypeScript version
No response
Additional context
No response
Terms & Code of Conduct
The text was updated successfully, but these errors were encountered: