Sticky Table Headers without a fixed height
Im trying to make my headers sticky without a fixed table height. I want the headers to stick when scrolling within the main container. Any ideas on how to achieve this?
Ive tried many combinations of overflow-x/y-auto within the table and table containers. My headers are currently sticky and only work if the table has a fixed height.
for context: I am using tanstack table (tailwind css)
Here is my table html:
https://codepen.io/no-self-required/pen/jENBLOv
1 Reply
Maybe this helps https://codepen.io/chriscoyier/pen/PrJdxb
also if you could paste the parsed HTML (from the browser) into your codepen, along with the CSS which has an effect on those elements – that would be helpful. It will be easier to understand the situation