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(); 
    } 
}); 
}