jquery数据表包含空白表头

时间:2014-08-21 18:01:02

标签: javascript jquery json datatable

我正在尝试使用jquery datatables插件通过PHP脚本返回的JSON对象填充html表。关于jason对象和datatables插件中的选项的命名,我有点困惑。像这样传回一个json对象:

echo json_encode(array('data'=>$res));

的产率:

Uncaught TypeError: Cannot read property 'length' of undefined 

将数据更改为aaData成功填充表格,但没有标题。

有几个帖子提到json对象必须作为aaData返回,但是他们网站上的datatables示例文档给出了一个用数据命名的example json对象。

这是我当前的客户端代码,我相对肯定我的服务器端是正确的。

$('document').ready(function(){
    $('#result').dataTable({
        "ajax": {
            'url' : 'ppmAlarms.php',

        },

        "columns": [
            { "data": "location" },
            {"data" : "descAndType" },
            {"data" : "timestamp"}
        ]
    });

    });

JSON结构如下:

{
  "aaData": [
    {
      "location": "loc1",
      "descAndType": "desc1",
      "timestamp": "2014-08-20 11:34:10"
    }
]
}

1 个答案:

答案 0 :(得分:1)

刚刚意识到我只需要在thead中指定我自己的列标题,它们不会被填充:

<thead>
      <tr>
         <th>Name</th>
         <th>Position</th>
         <th>Office</th>
         <th>Extn.</th>
         <th>Start date</th>
         <th>Salary</th>
     </tr>
</thead>