jQuery 中的分页数据表

Question

我有一个 table，里面有超过 50 条记录。我想在每页五个记录的页面中显示它们。我目前的方法使用jquery数据tables，如下所示。

$(document).ready(function () {
    var length = $('#data-datatable tbody tr').length;
    $('#data-datatable').dataTable({
        "bFilter": false,
        "bLengthChange": false,
        "iTotalDisplayRecords" : 5,
        "iTotalRecords":   length
    });
});

这会在一页中显示所有五十条记录！请问怎样才能得到我想要的显示效果？

Answer 1

我对你问题的假设：

您有一个 html-table，它是从包含所有 50 行的上下文中填充的。
现在您想对这些元素进行分页。

在这里，我将展示一些方法：

想想 Django Pagination。您的上下文变量将进行分页。
使用Django-datatable-view。它直接与 jquery-datatable 一起工作。

Answer 2

代替这两行：

"iTotalDisplayRecords" : 5,
"iTotalRecords":   length

改用这一行：

"pageLength": 5,

更多信息：https://datatables.net/reference/option/pageLength

此外，为了实际看到分页按钮，您需要添加以下内容：

"dom": '<"top">t<"bottom">p<"clear">',

jQuery 中的分页数据表

Paging data tables in jQuery

jquery

jquery-datatables

paging