分頁腳本表分頁

Question

HI所有

我想在一個頁面表即分頁有包含5個數據表，但我不能找到在Django模板中的有用的文件所以現在我要實現它與jQuery。播種我怎麼能實現？

Answer 1

這裏是一些關於應用jQuery分頁的教程。

Complete script for sorting and paging

Complete tutorial on pagination with jquery

編輯：上面的鏈接404.這是新的教程：

jPaginate (jQuery Plugin)

Making jQuery Pagination System

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

     } 
    }); 
}