Jquery表分页

时间:2014-05-23 11:26:21

标签: jquery jquery-ui

我使用jquery

进行表格分页的以下代码
$('table.producttable').each(function() {
    var currentPage = 0,
        numPerPage = 3,
        $table = $(this);

    $table.bind('repaginate', function() {
        $table.find('tbody tr').hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show();
    });

    $table.trigger('repaginate');

    var numRows = $table.find('tbody tr').length,
        numPages = Math.ceil(numRows / numPerPage),
        $pager = $('<div class="pagination"></div>');

    for (var page = 0; page < numPages; page++) {

        $('<span class="page-number"></span>')
            .text(page + 1)
            .bind('click', { newPage: page}, function(event) {

                currentPage = event.data['newPage'];
                $table.trigger('repaginate');
                $(this).addClass('active').siblings().removeClass('active');
            })
            .appendTo($pager)
            .addClass('clickable');

    }
    $pager.insertAfter($table).find('span.page-number:first').addClass('active');
});

但是代码没有输出&#34; next&#34;和&#34;之前&#34;按钮..即使只有一个页面也会分页...任何拥有更好代码或能够找到此plzz帮助的解决方案的人

0 个答案:

没有答案