Tablesorter StickyHeaders 在滚动时移动列

Question

在我们软件的两个独立部分（完全不同的代码）Sticky Headers 一直这样做，我们一直在使用它。我应用 StickyHeader 小部件并将它们放在 .wrapper 容器中，它按预期工作：header 将跟随滚动。但是，它总是导致我们的航向向右移动。我的 .wrapper 很简单：

.wrapper {
  position: relative; overflow-y: auto; height: 652px;
}
th {
  background-color: #003366;
  color: #ffffff; font-weight: bold;
  padding: 3px; text-align: center;
}

请原谅混淆，但（法律上）不允许我制作 jsFiddle 或提供比这更清晰的内容。注意第二个 "black blob" 完全关闭，而 rec 显然是 off-center.

滚动前

滚动后

Answer 1

在这里，问题是 CSS:

* {box-sizing: border-box;}

但是，当应用到 the demo 时，我无法重现错误。我试图确定还有什么其他原因会导致问题，但无论我尝试什么，它总是会完全解决回边界框。我用以下建议回答我自己的问题：如果您遇到这个影响您的粘性表的罕见错误，运行类似

/* give to all elements, excluding report_table */
*:not(.report_table *) { 
    box-sizing: border-box;
}

Tablesorter StickyHeaders 在滚动时移动列

Tablesorter StickyHeaders shifts columns over on scroll

javascript

css

tablesorter