javascript - jQuery DataTable - 使用自定义 JSON 结构显示数据

Question

如何使用 jQuery Datatable 填充自定义 JSON 数据结构。我找到了下面的解决方案(数据表默认 - JSON 结构)并且它工作正常，直到我将“数据”作为主要对象/数组，但是，我想利用另一个 JSON 结构(我的 JSON 结构)。是否可能或者我需要坚持使用 Datatable 默认 JSON 结构吗？我正在使用 DataTables 1.10.7。提前感谢您的帮助。

数据表默认 - JSON 结构

{
 "data": [
{
  "name": "Tiger Nixon",
  "position": "System Architect",
  "salary": "$320,800",
  "start_date": "2011/04/25",
  "office": "Edinburgh",
  "extn": "5421"
},
{
  "name": "Garrett Winters",
  "position": "Accountant",
  "salary": "$170,750",
  "start_date": "2011/07/25",
  "office": "Tokyo",
  "extn": "8422"
}
]
}

我的 JSON 结构

[
{
  "Date": "12/04/14",
  "MeterID": "56",
  "BlockID": "12",
  "Type": "sure",
  "Subtype": "truction",
  "Notes": ""
},
{
  "Date": "12/04/14",
  "MeterID": "3456",
  "BlockID": "123456",
  "Type": "alism",
  "Subtype": "working",
  "Notes": "Lorem"
}
]

jQuery 数据表代码片段

$('#incident').DataTable({
    "ajax": "../../data/object.json",
    "columns": [
        { "data": "name" },
        { "data": "position" },
        { "data": "salary" },
        { "data": "start_date" },
        { "data": "office" },
        { "data": "extn" }
    ],
    "iDisplayLength": 10
})

Answer 1

阅读此内容 solution ，它将解决您的疑问..