javascript - Tablesorter StickyHeaders 在滚动时移动列

Question

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

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

请原谅混淆，但(法律上)不允许我制作 jsFiddle 或提供比这更清晰的内容。请注意，第二个“黑色 Blob ”完全偏移，而 rec 明显偏离中心。

滚动前

滚动后

Answer 1

这里，问题是 CSS:

* {box-sizing: border-box;}

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

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