jquery - jQuery分页

Question

我的代码可以用于分页插件等，但我有一个小错误。

当我在表格上方添加一个与排序器和分页一起使用的表格时，分页不起作用。我认为这是因为它上面的表格采用了所有功能而不是使用它们。

那么有没有办法像使用 ID 一样定义要使用的表？

如果有人能举个例子，那就太好了。

这是我正在使用的代码

http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js

Answer 1

您将定义将 tablesorter 应用于哪个表，如下所示：

假设您有两个表， <table id="table1">..</table>并且<table id="table2">..</table>您只想将表排序器应用于第二个表，请使用：

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

Answer 2

您可以使用此功能进行分页，其形式为https://convertintowordpress.com/simple-jquery-table-pagination-code/

function pagination(){
var req_num_row=10;
var $tr=jQuery('tbody tr');
var total_num_row=$tr.length;
var num_pages=0;
if(total_num_row % req_num_row ==0){
    num_pages=total_num_row / req_num_row;
}
if(total_num_row % req_num_row >=1){
    num_pages=total_num_row / req_num_row;
    num_pages++;
    num_pages=Math.floor(num_pages++);
}
for(var i=1; i<=num_pages; i++){
    jQuery('#pagination').append(""+i+"");
}
$tr.each(function(i){
    jQuery(this).hide();
    if(i+1 <= req_num_row){
        $tr.eq(i).show();
}

});
jQuery('#pagination a').click(function(e){
    e.preventDefault();
    $tr.hide();
    var page=jQuery(this).text();
    var temp=page-1;
    var start=temp*req_num_row;
    for(var i=0; i< req_num_row; i++){
        $tr.eq(start+i).show();
    }
});
}