jQuery 表格分页 PHP答案

【问题标题】：jQuery table pagination PHPjQuery 表格分页 PHP
【发布时间】：2016-01-26 10:38:02
【问题描述】：

我有这个著名的代码：

$('table.paginated').each(function() {
var currentPage = 0;
var numPerPage = 3;
var $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;
var numPages = Math.ceil(numRows / numPerPage);
var $pager = $('<div class="pager"></div>');
for (var page = 0; page < numPages; page++) {
    $('<div class="page-number clickable"></div>').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.insertBefore($table).find('div.page-number:last').addClass('active'); 

});

文档准备好后，我需要显示表格的最后一页。我已经在倒数第二行将“page-number:first”更改为“page-number:last”。

它工作正常，但它只是一个可视化技巧。事实上，如果我有 3 个页面，“3”按钮会突出显示，但表格的活动页面仍然是第一个。

有没有办法用这个脚本直接加载最后一页？

您可以查看图片：

编辑： Here 是小提琴。

【问题讨论】：

你能在这里解决你的问题吗？为了更好地理解。
是的，我刚刚添加了它。

标签： javascript php jquery pagination tabular

【解决方案1】：

只需在您添加的代码之后添加以下行，它就会正常工作。

$pager.insertBefore($table).find('div.page-number:last').click();

【讨论】：

【解决方案2】：

检查小提琴，我已编辑您的代码以满足您的要求。 https://jsfiddle.net/u5vc8qua/3/

检查线路

var currentPage = parseInt($(this).find("tr").length/numPerPage);

【讨论】：