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 columns with horizontal scrolling #72

Closed
ajirnyi opened this issue Aug 22, 2020 · 2 comments
Closed

Sticky columns with horizontal scrolling #72

ajirnyi opened this issue Aug 22, 2020 · 2 comments
Labels
enhancement New feature or request

Comments

@ajirnyi
Copy link

ajirnyi commented Aug 22, 2020

Is it possible to have a sticky column in a table that has horizontal scrolling, a la kableExtra (except the main issue with their approach is that it's not IE compatible).

@glin
Copy link
Owner

glin commented Aug 29, 2020

Yes, see here for a couple examples: https://glin.github.io/reactable/articles/examples.html#sticky-columns

These examples are still based on position: sticky, however, so they won't work in IE 11. For an IE11-compatible solution, you might be able to achieve something through position: absolute, but I haven't looked into it.

@glin glin added the enhancement New feature or request label Jul 31, 2021
@glin
Copy link
Owner

glin commented Jul 31, 2021

Sticky columns are now built into reactable in the dev version:

  • Sticky columns are now supported using a new sticky argument in colDef() and colGroup() (#19, #72, #141).

It's still not compatible with IE11, but IE11 compatibility is gradually becoming less of an issue with its upcoming end of support.

@glin glin closed this as completed Jul 31, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants