Question

我正在尝试初始化数据表并为其提供一组对象。我收到一条错误消息，说有No data available in table。但我可以将它打印到控制台，看看这是不正确的。

//JS

get_notes().done(funciton(){

     console.log(my_json)//what its format is below
     //my_json = [
           {
              "username": "thomas", 
              "fullname": "Thomas familyname"
            }, 
       /*...*/]

       _.isArray(my_json) //true

     $("#note_table").DataTable({
        data: my_json,
        columns: [
            {title: "fullname"},
            {title: "username"}
        ]
     });
});

 <!--HTML-->
 <table id="note_table">

       <thead>
           <tr>
               <th>fullname</th>
               <th>username</th>
        </thead>     

        <tobdy>

        </tbody>

 </table>

如何防止此错误？

Answer 1

你最大的问题是：

columns: [
            {title: "fullname"},
            {title: "username"}
        ]

应该是

columns: [
                {data: "fullname"},
                {data: "username"}
            ]

您还必须确保您的表格已正确定义（拼写错误<tobdy>）

以下是您的示例的工作小提琴的链接： http://jsfiddle.net/bmartinelle/bjppck3d/1/

数据表返回当我给它的JSON看起来有效时，表中没有数据可用

1 个答案: