DataTables寻呼机在有很多时显示一页

Question

我有一个问题，最初是在this question 中提出的。我认为它有效，但不是这样。

我正在使用带有 jQ​​uery 3.3.1 和 Bootstrap 3.3.7 的数据表 v1.10.19

现在，我的问题是，无论我有多少页数据，寻呼机都显示一个分页按钮（好像所有数据都适合一页，但实际上不适合）。

我的配置对象如下所示：

        {
            "processing": true,
            "serverSide": true,
            "ajax": {
                url: url,
                type: ajax.requestPOST
            },
            "order": [[1, "asc"]],
            "lengthMenu": [[-1, 500, 1000, 2500, 5000], ["All", 500, 1000, 2500, 5000]],
            "columns": eventsSvr.grid.columns,
            "columnDefs": eventsSvr.grid.columnDefs,
            "language": $.extend({}, appDt.loadingSpinner, appDt.lengthMenuText),
            dom: 'ltp'
        }

我的返回载荷如下所示：

{
    "draw": 4,
    "recordsTotal": 3727,
    "recordsFiltered": 500,
    "data": [ big data array here ]
}

可以看出，数据有 3700 多行。
页面大小为 500。
然而，网格只有 1 页。它有 500 行，并且寻呼机上没有用于移动到任何后续页面的按钮。

因此，用户只能查看前 500 条记录。

关于寻呼机发生了什么的任何想法？

Answer 1

DataTables 根据recordsFiltered 和您的页面大小计算页面数。它包含应用过滤后的记录总数。

执行搜索时，recordsFiltered 可能不等于recordsTotal。

您的服务器端处理程序应在不应用搜索条件的情况下计算总记录数并将其返回到recordsTotal，然后在应用搜索条件后计算总记录数并将其返回到recordsFiltered。

这允许 DataTables 在信息部分显示以下消息：

显示 1 到 10 个 recordsFiltered 条目（从recordsTotal 总条目过滤）

您可以在official documentation阅读更多关于服务器端处理模式下返回数据的正确格式。