Question

我想要向用户显示一个大型数据库表。我在表格中显示信息，每页约30行。我想使用jqPagination允许用户跳转到不同的页面。因此，第1页将显示第1-30行，第2页将显示第31-60行......我看到的唯一示例是显示如何使用它跳转到页面的不同部分。是否可以使用jqPagination以请求接下来的30行到新页面？

提前致谢！

Answer 1

如果您要显示所有表格行，则可以使用以下代码一次只显示30个：

$(document).ready(function() {

    // select the table rows
    $table_rows = $('.table-example tbody tr');

    var table_row_limit = 30;

    var page_table = function(page) {

        // calculate the offset and limit values
        var offset = (page - 1) * table_row_limit,
            limit = page * table_row_limit;

        // hide all table rows
        $table_rows.hide();

        // show only the n rows
        $table_rows.slice(offset, limit).show();

    }

    $('.pagination').jqPagination({
        max_page: $table_rows.length / table_row_limit,
        paged: page_table
    });

    // set the initial table state to page 1
    page_table(1);

});

Table pagination example

如果您不显示所有行，则可以调整此代码以使用AJAX从系统中获取行，而不是显示/隐藏。

jqPagination请求新页面

1 个答案: