DataTable 未正确推送数据答案

【问题标题】：DataTable is not pushing data correctlyDataTable 未正确推送数据
【发布时间】：2018-02-25 22:13:03
【问题描述】：

我的 dataTable 列配置选项：

"columns": [{
    "name": "id",
    "data": "id",
    "visible": false,
    "orderable": false
  }, {
    "name": "tblOpr",
    "title": "<div class='table-opr-col table-opr-col-head'><div class='tbl-opr edit-opr-col-head'><span>Edit</span></div></div>",
    "visible": true,
    "orderable": false
  }, {
    "title": "Employee",
    "data": "emp_name",
    "orderable": true,
    "name": "emp_name"
  }, {
    "title": "Date",
    "data": "date",
    "orderable": true,
    "name": "date"
  }, {
    "title": "In Time",
    "data": "in_time",
    "orderable": true,
    "name": "in_time"
  }, {
    "title": "Out Time",
    "data": "out_time",
    "orderable": true,
    "name": "out_time"
  }, {
    "title": "In Deficit",
    "data": "in_deficit",
    "orderable": true,
    "name": "in_deficit"
  }, {
    "title": "Out Deficit",
    "data": "out_deficit",
    "orderable": true,
    "name": "out_deficit"
  }, {
    "title": "Hours worked",
    "data": "wt",
    "orderable": true,
    "name": "wt"
  }]

服务器端是真的。来自服务器的数据是：

{
  "recordsTotal": 10,
  "recordsFiltered": 10,
  "data": [{
    "id": "92",
    "emp_name": "Anish Gupta (10012)",
    "date": "2017-09-15",
    "in_time": "22:10:00",
    "out_time": "00:00:00",
    "in_deficit": "00:10:00",
    "out_deficit": "",
    "wt": "00:00:00"
  }, {
    "id": "46",
    "emp_name": "Raman Kumar (10010)",
    "date": "2017-09-15",
    "in_time": "21:39:00",
    "out_time": "00:00:00",
    "in_deficit": "-00:21:00",
    "out_deficit": "",
    "wt": "00:00:00"
  }, {
    "id": "91",
    "emp_name": "Anish Gupta (10012)",
    "date": "2017-09-14",
    "in_time": "22:43:00",
    "out_time": "07:21:00",
    "in_deficit": "00:43:00",
    "out_deficit": "-00:21:00",
    "wt": "08:38:00"
  }, {
    "id": "45",
    "emp_name": "Raman Kumar (10010)",
    "date": "2017-09-14",
    "in_time": "21:10:00",
    "out_time": "06:49:00",
    "in_deficit": "-00:50:00",
    "out_deficit": "00:11:00",
    "wt": "09:39:00"
  }, {
    "id": "90",
    "emp_name": "Anish Gupta (10012)",
    "date": "2017-09-13",
    "in_time": "22:30:00",
    "out_time": "07:41:00",
    "in_deficit": "00:30:00",
    "out_deficit": "-00:41:00",
    "wt": "09:11:00"
  }, {
    "id": "44",
    "emp_name": "Raman Kumar (10010)",
    "date": "2017-09-13",
    "in_time": "22:10:00",
    "out_time": "06:28:00",
    "in_deficit": "00:10:00",
    "out_deficit": "00:32:00",
    "wt": "08:18:00"
  }, {
    "id": "89",
    "emp_name": "Anish Gupta (10012)",
    "date": "2017-09-12",
    "in_time": "00:00:00",
    "out_time": "00:00:00",
    "in_deficit": "",
    "out_deficit": "",
    "wt": "00:00:00"
  }, {
    "id": "43",
    "emp_name": "Raman Kumar (10010)",
    "date": "2017-09-12",
    "in_time": "00:00:00",
    "out_time": "00:00:00",
    "in_deficit": "",
    "out_deficit": "",
    "wt": "00:00:00"
  }, {
    "id": "88",
    "emp_name": "Anish Gupta (10012)",
    "date": "2017-09-11",
    "in_time": "21:10:00",
    "out_time": "06:28:00",
    "in_deficit": "-00:50:00",
    "out_deficit": "00:32:00",
    "wt": "09:18:00"
  }, {
    "id": "42",
    "emp_name": "Raman Kumar (10010)",
    "date": "2017-09-11",
    "in_time": "22:30:00",
    "out_time": "07:10:00",
    "in_deficit": "00:30:00",
    "out_deficit": "-00:10:00",
    "wt": "08:40:00"
  }],
  "draw": 2
}

tblOpr 列数据正在从客户端推送，所以不要担心该列数据。
但是我的数据表正在将数据推送到错误的索引上。它从开始时跳过 3 列。

您可以在此屏幕截图中看到。在time 列中，数据将进入Edit 列，out time 列中的数据将进入employee 列......以同样的方式，我们工作的最后一列数据将进入时间列。

如果有人对此有任何想法，请尽快回复。

【问题讨论】：

标签： jquery jquery-plugins datatables

【解决方案1】：

没有提到如何将数据传递给 DataTables...

在此CodePen 中，我假设您这样做："data":json.data，其中json 是我在示例中用于保存您发布的数据的变量名。

那么，您遇到的问题是 9 列，但它们只有 8 个数据。
您必须告诉 DataTables 如何处理没有数据的额外列。

我以为这是“编辑”列。

"data": null,
"defaultContent": "<button>Click!</button>",

"data": null 是不言自明的。然后，您必须为该列提供一些内容。在这里，我只是添加了一个按钮。

【讨论】：