JQuery数据表对象数据源无法正常工作

时间:2017-03-26 07:57:49

标签: jquery datatables

我正在尝试使用js生成的数据源创建一个JQuery数据表。

我有这个对象:

 [
  {
    "a": -817,
    "b": null,
    "c": "Default",
    "total": -817
  },
  {
    "a": -21,
    "b": 12,
    "c": "Default",
    "total": -897
  }
]

这个数据表:

table1.DataTable({
    "ajax":  dataSource,
    "columns": [
        {
            "className": 'details-control',
            "orderable": false,
            "data": null,
            "defaultContent": ''
        },
        {
            "orderable": true,
            "data": "a",
            "defaultContent": ''
        },
        {
            "orderable": true,
            "data": "b",
            "defaultContent": ''
        },
        {
            "orderable": true,
            "data": "c",
            "defaultContent": ''
        },
        {
            "orderable": true,
            "data": "total",
            "defaultContent": ''
        }
    ],
    "paging": false,
    "bInfo": false,
    "bFilter": false,
    "order": [
        [1, "asc"]
    ]
)};

我尝试像这样操作数据源:

  • JS​​ON.stringify(数据源)
  • 在数组之前添加一个字段({data:datasource})并将ajax scection更改为:" ajax":{" url":datasource," dataSrc&# 34;:"数据"}有或没有stringihfy
似乎没什么用。

请帮助

问候,Ido

1 个答案:

答案 0 :(得分:1)

您的数据对象似乎没有正确的数据表格式,它应如下所示:

{
  "data": [
    {
      "name": [
        "Nixon",
        "Tiger"
      ],
      "hr": [
        "System Architect",
        "$320,800",
        "2011/04/25"
      ],
      "office": "Edinburgh",
      "extn": "5421"
    }]
  }

有一个数据对象可以包装它。

请查看此Fiddle以及我访问数据的方式。