jQuery 中的分页数据表

Question

我有一个表，其中有五十条记录。我想将它们显示在每页五个记录的页面中。我当前的方法使用 jquery 数据表，如下所示。

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

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

Answer 1

我对你的问题的假设：

1. 您有一个 html 表，该表是从包含所有 50 行的上下文中填充的。
2. 现在您想要对这些元素进行分页。

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

1. 想想 Django 分页。您的上下文变量将进行分页。
2. 使用 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">',