Tablesorter StickyHeaders在滚动上移动列

时间:2015-06-18 17:11:51

标签: javascript css tablesorter

在我们软件的两个独立部分中,(完全不同的代码)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或提供比此更清晰的信息。注意第二个“黑色斑点”完全关闭,而rec显然偏离中心。

滚动前

Before Scroll

滚动后

After Scroll

1 个答案:

答案 0 :(得分:0)

这里的问题是CSS:

* {box-sizing: border-box;}

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

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