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

before scroll

after 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

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -