javascript - Tablesorter StickyHeaders shifts columns over on scroll -
in 2 separate parts of our software, (entirely different code) sticky headers have done , we've lived it. apply stickyheader widget , put these in .wrapper container, , works intended: header follow on scroll. however, always causes our headings shift right. .wrapper simple:
.wrapper { position: relative; overflow-y: auto; height: 652px; } th { background-color: #003366; color: #ffffff; font-weight: bold; padding: 3px; text-align: center; }
please excuse obfuscation, not (legally) allowed make jsfiddle or provide more clarity this. notice second "black blob" shifted off while rec off-center.
before scroll
after scroll
here, issue css:
* {box-sizing: border-box;}
however, when applied the demo, not reproduce error. i've tried determine else in conjunction causing issue, whatever tried, resolve solely border-box. answer own question advice: if happen upon rare bug affecting sticky tables, run like
/* give elements, excluding report_table */ *:not(.report_table *) { box-sizing: border-box; }
Comments
Post a Comment