无法使用服务器端分页将数据加载到datatable

Question

我已经尝试为我的表（jQuery（v1.12.4）、datatable（v1.10.15））实现服务器端分页概念

根据可数据服务器端分页留档

我已经启用了serverSide，分页，处理为true，并指定了sPaginationType以及ajax。

在Custom Data Source Property文章中提到，我们需要使用dataSrc选项作为字符串来从不同的源属性获取数据，在本例中，它可以是任何值，使用标准的点式Javascript对象表示法包含嵌套属性。

我已经按照上面的观点使用了dataSrc，即“dataSrc”：“data”基于我的json响应。

但是，没有加载数据。

“我的表”仅加载“批准”按钮（我在“列”部分中定义了该按钮），其余列为空。-确保表中未呈现数据。

参见输出2图。

因为我使用了延迟加载，所以加载第一页返回空数据。参考输出1图像。

我已经参考了以下所有提到的文章

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

数据服务器端处理分页问题

代码如下所示，请帮助

$('#vschildtable').DataTable({
        "language": {
            "processing": "Please
            wait - LOADING SCAN Result...", "
            emptyTable " : "
            Currently no
            data found in this project " }, "
            bJQueryUI " : true, "
            paging " :
            true,
            "sPaginationType": "full_numbers",
            "processing ": true,
            "serverSide": true,
            "columns": [{
                    "defaultContent": "",
                    "visible": false
                }, {
                    "defaultContent": "",
                    "visible": false
                }, {
                    "defaultContent": ""
                }, {
                    "defaultContent": ""
                }, {
                    "defaultContent": ""
                }, {
                    data: null,
                    defaultContent: ' <
                        button type = "button"
                    class = "btn-approve label label-link bg-green " > Approve < /button>
                    ' } ], "deferLoading" : 57, "ajax" : { "url" : "emppage?empID=" +
                    encodeURIComponent(empID) + "&projectId=" +
                    encodeURIComponent(projectID) + "&subProjectId=" +
                    encodeURIComponent(subProjectID) + "&pageNo=" +
                    encodeURIComponent(offset),
                    type: 'POST',
                    datatype: "jsonp",
                    "dataSrc": "data"
                }
            });

Json回应：

    [{
   "message":"SUCCESS",
   "data":"{\"data\":\[{\"projectId\":1,\"subProjectId\":1,\"empID\":765,\"empName\":\"Arjun\",\"empIDVersion\":\"1%3A4.1.4\",\"fkempID\":7781,\"tmpempID\":354999,\"noOfDept\":1,\"rowNo\":1,\"totalnoOfDept\":1},{\"projectId\":1,\"subProjectId\":1,\"empID\":765,\"empName\":\"Arjun\",\"empIDVersion\":\"4.0.18.1\",\"fkempID\":7781,\"tmpempID\":355000,\"noOfDept\":1,\"rowNo\":2,\"totalnoOfDept\":1},{\"projectId\":1,\"subProjectId\":1,\"empID\":765,\"empName\":\"Arjun\",\"empIDVersion\":\"4.2.1\",\"fkempID\":7781,\"tmpempID\":355001,\"noOfDept\":1,\"rowNo\":3,\"totalnoOfDept\":1}\]}"
}]

Answer 1

据我所知，服务器返回的数据中缺少信息。在服务器端模式下运行时，DataTables需要服务器提供一些特定数据（绘制，记录过滤，等等）。你可以在这里查一下

此外，您应该向列数组中的每个对象添加数据属性，指定希望在该列中呈现的数据的名称，即：

columns:[
    { data:'projectId'   }
    { data:'subPorjectId'}
    ...
]

这会告诉DataTables要在哪列中显示哪些数据。

希望有帮助！