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

时间:2009-07-13 04:41:31

标签: jquery jquery-plugins pagination

全部

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

2 个答案:

答案 0 :(得分:5)

以下是一些关于使用jquery应用分页的教程。

<击> Complete script for sorting and paging

<击>

<击> Complete tutorial on pagination with jquery

编辑:以上链接404.以下是新教程:

jPaginate (jQuery Plugin)

Making jQuery Pagination System

答案 1 :(得分:0)

你可以使用这个功能。它取自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();

        }
    });
}