pagination Jquery

Question

J'ai mon code de travail etc pour le plugin de pagination mais j'ai une légère erreur.

Lorsque j'ajoute une table au-dessus de ma table qui fonctionne avec le trieur et la pagination, la pagination ne fonctionne pas. Je pense que c'est parce que le tableau ci-dessus prend toutes les fonctionnalités et ne les utilise pas.

Alors, existe-t-il un moyen de définir quelle table utiliser, comme utiliser un ID?

Si quelqu'un pouvait donner un exemple, ce serait génial.

C'est le code que je utilise

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

Answer 1

Vous définiriez quelle table pour appliquer le tablesorter à aimer ceci:

En supposant que vous avez deux tables, <table id="table1">..</table> et <table id="table2">..</table> et que vous voulez pour appliquer le trieur de table uniquement à la deuxième table, utilisez:

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

Answer 2

Vous pouvez utiliser cette fonction pour sa pagination forme prise 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(); 
    } 
}); 
}