Autodesk / Autodesk/react-base-table
Sticky header with frozen column on window scroll
- Dominant language
- TypeScript
- Stars
- 1.5k
- Forks
- 170
- PR merge metrics
- No merged PRs in 30d
Description
Hi @nihgwu
first of all, thanks for the handy library,
I saw the comment in the issue https://github.com/Autodesk/react-base-table/issues/281,
but still have questions about how to apply `sticky` on the header with `frozen columns`,
this is a rough example when I try to add a sticky effect on it ([link](https://autodesk.github.io/react-base-table/playground#MYewdgzgLgBKA2BXAtpGBeGBzApmHATgIZQ4DCISqEAFAIwAMAlAFCiSwAmJRG2ehEjgAiPGghSQANDABMDZizbhoMAMpQAnvBycAKkQBGOvtG26aB4ziYADFjBgA6AEJEIOKzoD63gBY4RJyEMq7unkY+-oHBBAC0BCAA7jAA3g6OMAAOIBAAllB54ABcMNB5wADWmjAAhHnIOQRQRGBQANwZjlAgWaUMnY4Aviz2SuyqAGZ5AB66FFRomBLUTshEWTTilJIyK2AAkmDBM0wYAHxpGTqwk4kAXngZeZMw24tHJzAAPHJndyBHmA+AtJE4AGIPPDCPIEHDAQrgJwAGQAouC9M9Xu9JJ8cDMYJcABz-KHAzCg1AQskwuEIopgJwAJQOAHEABKYxxwqCIAjA1LOJxOfYyAFAmAjIasFj4ppcHCTIiIeCwGhndCXGgZb4acz6SI4LowaZzTjG-YQdCpU3zHbUEaZGDcFrWl1ER2ZAJ5LB+KDWo7TMAFTSegD05xYrCAA)),
I knew the frozen columns are rendered as another table and got fixed by `position: absolute` so the css may be hard to tweak,
I am not sure is there any solution I can do in current version,
look forward to hear any suggestion.
thanks!
Contributor guide
Assessment
This issue has not been assessed yet.