Skip to content
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

sticky doesn't seem to work with react-table integrating react-window #7

Closed
akramer24 opened this issue Apr 24, 2020 · 2 comments
Closed

Comments

@akramer24
Copy link

One of the perks to react-table v7 is the ability to integrate react-window's FixedSizeList to create a virtualized table. Unfortunately, it seems react-table-sticky doesn't work when using FixedSizeList as the table body component -- the header cells of sticky: 'left' columns are indeed sticky, but the cells move. With the same setup of react-table-sticky but replacing FixedSizeList with a standard mapping of divs as the body, I can get sticky columns. Is this library meant to handle the FixedSizeList/react-window integration in react-table?

For now, I have a workaround where I am putting two FixedSizeLists adjacent to each other in the body and using their scrollTo/onScroll methods to stay in sync.

@GuillaumeJasmin
Copy link
Owner

I @akramer24 !
Thanks for your feedback.
There is already an issue about react-window, see #5 .
It seems react-table-sticky and react-window are incompatible because react-window add some new levels of <div> and that break the native CSS sticky property, but I haven't take time to investigate more about that.
I close this issue, so please continue on #5

Thank you :)

@akramer24
Copy link
Author

Cool, thanks for the response.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants