jquery中用于表分页的分页脚本答案

【问题标题】：pagination script in jquery for table paginationjquery中用于表分页的分页脚本
【发布时间】：2010-11-10 04:53:05
【问题描述】：

大家好

我想用表分页，即在一页中包含 5 个数据表，但我在 django 模板中找不到有用的文档，所以现在我想用 jquery 实现它。母猪我怎么能实现？？？

【问题讨论】：

标签： jquery jquery-plugins pagination

【解决方案1】：

这里有一些关于使用 jquery 应用分页的教程。

~~Complete script for sorting and paging~~

Complete tutorial on pagination with jquery

编辑：以上链接 404。这里是新教程：

jPaginate (jQuery Plugin)

Making jQuery Pagination System

【讨论】：

嗨，我需要更多文档

【解决方案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();

        }
    });
}

【讨论】：