2009-10-08 51 views
1

我有我的代码工作等分页插件,但我有一个轻微的错误。jquery分页

当我在分类器和分页工作的表格上添加一个表格时,分页不起作用。我认为这是因为它上面的表格正在使用所有功能而不是使用它们。

那么有没有办法像使用ID一样来定义使用哪张表?

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

这是我使用

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

+2

你能告诉我们的代码一点点? – halocursed 2009-10-08 13:45:10

+0

很可能这将是您的选择器的错误。 – rahul 2009-10-08 13:49:49

+0

是这个代码中的选择器吗? http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js – 2009-10-08 13:54:20

回答

0

您将定义哪些表应用的tablesorter到这样的代码:

假设你有两个表, <table id="table1">..</table><table id="table2">..</table>,你想仅将表格分拣机应用于第二个表格,请使用:

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

您可以使用此功能分页其采取的形式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(); 
    } 
}); 
}