Paginierung Skript in jquery für Tabelle Paginierung

Question

HALLO alle

ich auf einer Seite mit Tisch dh Paginieren wollen, müssen 5 Datentabelle enthalten, aber ich kann nicht das nützliche Dokument in django Vorlage finden, so jetzt will ich es umsetzen mit jQuery. säen wie kann ich es umsetzen ???

Answer 1

Hier sind einige Tutorials zum Anwenden der Seitennummerierung mit jquery.

Complete script for sorting and paging

Complete tutorial on pagination with jquery

EDIT: die oben genannten Links 404. Hier sind neue Tutorials:

jPaginate (jQuery Plugin)

Making jQuery Pagination System

Answer 2

Sie diese Funktion nutzen zu können. Seine aus https://convertintowordpress.com/simple-jquery-table-pagination-code/ genommen

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("<a href='#' class='btn'>"+i+"</a>"); 
    } 
    $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; 
     //alert(start); 

     for(var i=0; i< req_num_row; i++){ 

      $tr.eq(start+i).show(); 

     } 
    }); 
}