vue-excel-editor icon indicating copy to clipboard operation
vue-excel-editor copied to clipboard

Published 20 hours ago • verified publisher icon cscan

Sticky Headers

Open oflefe opened this issue 2 years ago • 2 comments

Hi, I was wondering how I could make the headers sticky instead of the column. I tried to make position: sticky and top: 0 for thead tags with css with no luck. Any suggestions on how to get it to work?

oflefe avatar Sep 22 '22 09:09 oflefe

set position sticky is the only way, did you try that?

cscan avatar Oct 15 '22 12:10 cscan

thead and tr unfortunately do not support position: sticky. th WOULD support it, but i also didnt have any luck trying that.

however you should not need to do that: the table supports a height property (or if you want finer control, size the .table-content to a specific position. then you will have a vertical scroll bar and headers are sticky.

just a small issue there: with no-mouse-scroll=false (default), i cant scroll the table anymore (interecting with the scrollbar works though) - which makes this approach useless for me..

ZPiDER666 avatar Dec 11 '22 19:12 ZPiDER666