javascript - 警告 : Requested unknown parameter '0' for row 0

Question

我有以下代码:

var dummyData = {
    "activities": [
        { "date": "19/06/2015 19:00", "user": "Dan", "display": "First Item" },
        { "date": "19/06/2015 19:00", "user": "Andrew", "display": "Second Item" },
        { "date": "19/06/2015 19:00", "user": "Trevor", "display": "Third Item" },
        { "date": "19/06/2015 19:00", "user": "Bob", "display": "Fourth Item" }
    ]
};

$("#sysActTable").dataTable({
    "data": dummyData.activities,       
});

我尝试了几种变体，但总是收到指向 this page 的错误.我的 HTML 如下:

<table id="sysActTable" class="table table-hover" style="margin-bottom:0px">
                        <thead>
                            <tr>
                                <th style="width:20%">Date</th>
                                <th style="width:30%">User</th>
                                <th style="width:50%">Display</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="width:20%"></td>
                                <td style="width:30%"></td>
                                <td style="width:50%"></td>
                            </tr>
                        </tbody>

我又尝试了很多品种。为什么会出现以下错误？

DataTables warning: table id=sysActTable - Requested unknown parameter '0' for row 0

Answer 1

问题是你的 data是一个对象数组。默认情况下，DataTables 期望数据是数组的数组。

您需要使用 columns.data描述您的数据结构的选项。

$("#sysActTable").dataTable({
    "data": dummyData.activities,
    "columns": [
       { "data": "date" },
       { "data": "user" },
       { "data": "display" }
    ]
});