自定义数据源属性 dataSrc 和分页问题

Question

我正在使用 jQuery DataTables 和服务器端处理模式。但是我遇到了数据表的问题，我已经搜索了 Datatables 文档中的所有内容，但找不到我的答案。

所以问题是我从服务器收到这样的 JSON 响应：

正如您在此 JSON 响应中所见，所需的数据表 JSON 位于 data.data 中以在数据表中设置此数据源，有一个属性为 Custom Data Property，它工作正常并显示行。现在的问题是数据表没有考虑来自 JSON 的分页参数，这就是它显示的原因：

请注意，我无法从服务器端更改 JSON 响应。

更新： 这里是js调用脚本：

$(document).ready(function () {
   $("#example").dataTable({
      "ajax": {
          url: app.getApiUrlWithAccessToken('lead/get_all'),
          dataSrc: function(json){
              return json.data.data;
          }
      },
      "lengthMenu": [1,2,5,10,15],
      "columns": [
          { "data": "first_name" },
          { "data": "last_name" },
          { "data": "title" },
          { "data": "email" },
          { "data": "city" },
          { "data": "status" }
      ],
      "processing": true,
      "serverSide": true
   });
});

Answer 1

原因

在服务器端处理模式下，DataTables 期望返回的数据中有 certain structure。参数draw、recordsTotal 和recordsFiltered 应该是顶级属性。您的响应将这些参数作为 data 的子属性，而不是 DataTables 会在哪里寻找它们。

解决方案

将参数draw、recordsTotal 和recordsFiltered 设置为DataTables 期望的JSON 响应的顶级属性。

对ajax.dataSrc 选项使用以下代码：

dataSrc: function(json){
   json.draw = json.data.draw;
   json.recordsTotal = json.data.recordsTotal;
   json.recordsFiltered = json.data.recordsFiltered;

   return json.data.data;
}

演示

有关代码和演示，请参阅 this jsFiddle。