JQuery.tablesorter从同一个表排序两次相同的列

我得到了2个表“newsTable”和“eventsTable”。我想让它们可以用jquery.sortable插件进行排序，它的工作非常好，但是当我点击任何列时它的排序两次，所以实际上我得到的开始位置：/如何解决问题？为什么列正在排序两次？我有没有问题，当我在页面上只有一个表，现在我有2个和问题来到:(JQuery.tablesorter从同一个表排序两次相同的列

<script> 
$(document).ready(function() 
    { 
     $("#newsTable").tablesorter(); 
    } 
); 

$(document).ready(function() 
    { 
     $("#newsTable").tablesorter({sortList: [[1,0]]}); 
    } 
); 

$(document).ready(function() { 
    $("table") 
    .tablesorter({widthFixed: true, widgets: ['zebra']}) 
    .tablesorterPager({container: $("#pager1")}); 
}); 

$(document).ready(function() 
    { 
     $("#eventsTable").tablesorter(); 
    } 
); 

$(document).ready(function() 
    { 
     $("#eventsTable").tablesorter({sortList: [[1,0]]}); 
    } 
); 

$(document).ready(function() { 
    $("table") 
    .tablesorter({widthFixed: true, widgets: ['zebra']}) 
    .tablesorterPager({container: $("#pager2")}); 
}); 
</script>

来源

2014-04-15 CSharpBeginner

可能后您的表HTML以及也许ü使用两个表中同一类 – MarceloMadnezz

。和

– CSharpBeginner

即时通讯使用t他是同班，因为他们都是桌子，所以我怎么能不？ – CSharpBeginner

回答

您要添加的的tablesorter四次两个表，因此排序发生四次。

尝试调用$(document).ready()只有一次：

$(document).ready(function() 
{ 
    $("#newsTable").tablesorter( 
    { 
     widthFixed: true, 
     widgets: ['zebra'], 
     sortList: [[1,0]] 
    }).tablesorterPager(
    { 
     container: $("#pager1"), 
     size: 5 
    }); 

    $("#eventsTable").tablesorter( 
    { 
     widthFixed: true, 
     widgets: ['zebra'], 
     sortList: [[1,0]] 
    }).tablesorterPager(
    { 
     container: $("#pager2"), 
     size: 5 
    }); 
});

来源

2014-04-15 12:50:18 ZiNNED

其工作，非常感谢你！ :) – CSharpBeginner

但仍然有一个问题，对于这两个表我得到了寻呼机（pager1和pager2）他们工作得很好，如果我设置每页10/20/30行，但在启动页面我设置只有5应显示，但它显示了更多：/它看起来像显示开始时的所有行不看我设置了多少代码，以 – CSharpBeginner

开头我已经更新了答案，以显示最初只显示5行。请记住，如果你有一个有很多行的大表，那么tablesorter（和pager）可能需要很长时间才能显示它，从而显示出更多的行。 – ZiNNED

JQuery.tablesorter从同一个表排序两次相同的列

回答

相关问题