Autodesk / react-base-table

A react table component to display large datasets with high performance and flexibility
https://autodesk.github.io/react-base-table/
MIT License
1.5k stars 164 forks source link

Sticky header with frozen column on window scroll #368

Open shinenic opened 2 years ago

shinenic commented 2 years ago

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), 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!

nihgwu commented 2 years ago

@shinenic I'm sorry it's not possible as there is overflow: hidden in frozen table, so sticky won't work in it