Jquery 固定表头与排序

好的，我已经有了小部件可以使用了，但是它弄乱了我表格的标题大小。起初，我以为是一些额外的代码导致了问题，但我已经删除了所有额外的代码，仍然有问题

然后我想，也许是我的样式，所以我清除了所有这些，可以用一个边框来代替它，使问题变得可见

td, th {
 border: 1px #000 solid;
}

.th-inner {
 position: absolute;
 top: 0;
 line-height: 28px; /* height of header */
}

当这仍然没有揭示问题时，我开始缩短tablesorter的执行时间，直到它调用这个小部件

下面是带有CSS的JSFIDLE，但没有用于复杂排序的额外代码：

以下是带有仅限边框CSS的JSFIDLE：

所有的迹象都表明有一个空白设置把它搞砸了，但我在控制台中找不到任何东西，也没有将它设置为0，因为似乎所有的事情都会影响它

table, tr, td, th {
 padding: 0 !important;
 margin: 0 !important;
}

---

你知道我遗漏了什么吗？

你需要向你的tablesorterconfig中添加额外的参数来正确显示它

$(function(){
 $('#mainlist').tablesorter({
     widgets: [ 'scroller' ],
     headerTemplate : '{content} {icon}'
     widthFixed : true,
 });
});

---

请参见

偏移的原因是每个单元格边框之间的间距…要消除此问题，您只需将table、tr、td、th{border collapse:collapse}添加到styles@almightyBoognish字体边界崩溃确实有帮助，但它并没有完全解决问题。除到期日相等和公共票据大3倍外，所有th均比td小2倍。这里是JSFiddle：关于如何计算/定义这些宽度，我没有足够的信息，因此我无法帮助您，但在确定表的宽度时，似乎需要考虑边框宽度headers@almightyBoognish：谢谢你的努力。代码链接在，在复制之前，它似乎会使用内容的宽度动态地设置它，但我不是jQuery的专家，因此我遇到了很多麻烦。^^'实际上，你的也不行。在widthFixed的末尾有逗号，而不是headerTemplate。脚本出错，无法执行。如果您正确地定位逗号，您会发现问题仍然存在，但感谢您的尝试^^我的错，我忽略了这一点。不用担心。谢谢你的关注^^