Question

好吧，我已经为scroller工作了tablesorter小部件，但它正在弄乱我的表格的标题大小。起初，我认为这是导致问题的complex sorting使用的一些额外代码，但我删除了所有额外的代码，但仍然有问题。

然后我想，也许是我的造型，所以我清除了所有这些，只能用一个边框取代它，使问题可见。

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

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

当仍然没有发现问题的时候，我开始缩短tablesorter()的执行时间，直到除了调用小部件之外什么都没有。

这是我的CSS的JSFiddle，但没有复杂排序的额外代码：http://jsfiddle.net/Lv19a465/

这是带有仅边框CSS的JSFiddle：http://jsfiddle.net/Lv19a465/2/

所有迹象都表明有一个边缘设置弄乱了它，但我在控制台中找不到任何东西，也没有将它设置为0，因为一切似乎都会影响它。

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

关于我缺少的任何想法？

Answer 1

您需要在tablesorter配置中添加附加参数才能正确显示。

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