скрипт нумерации страниц в jquery для нумерации таблиц

Question

Привет все

Я хочу разбить на страницы с таблицей, т.е. на одной странице содержится 5 таблиц данных, но я не могу найти полезный документ в шаблоне django, поэтому теперь я хочу реализовать его с помощью jquery. Соу, как я могу это осуществить ???

Answer 1

Вот несколько уроков по применению нумерации страниц с помощью jquery.

Полный скрипт для сортировки и подкачки

Полное руководство по нумерации страниц с помощью jquery

РЕДАКТИРОВАТЬ: вышеуказанные ссылки 404. Вот новые учебники:

jPaginate (плагин jQuery)

Создание системы нумерации страниц jQuery

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

        }
    });
}