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警告：table id = sysActTable - 请求的未知参数＆＃39; 0＆＃39;第0行

Answer 1

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

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

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

警告：请求的未知参数＆＃39; 0＆＃39; 0第0行

1 个答案: