将带有对象的数组传递到数据表中

时间:2019-02-27 13:55:51

标签: javascript jquery arrays datatables

我有一个包含这样的对象的数组:

console.log(data);

在控制台中显示:

(40) […]
0: Object { id: 368802, start: "52990", start_id: "ABC", … }
1: Object { id: 329340, start: "52991", start_id: "DEF", … }
2: Object { id: 337521, start: "52992", start_id: "GHI", … }
​...

如何将其传递到数据表中?这似乎不起作用

table_direct = $('#table_direct').DataTable({
    dom: 'Bflrtip',
    ajax: data,
    columns: [
        { "data": "start" },
        { "data": "start_id" }
    ]
});

2 个答案:

答案 0 :(得分:2)

您是否尝试过使用用过的数据(https://datatables.net/manual/data/)而不是ajax?

table_direct = $('#table_direct').DataTable({
    dom: 'Bflrtip',
    data: data,
    columns: [
        { "data": "start" },
        { "data": "start_id" }
    ]
});

我们可以阅读官方文档:

[
    {
        "name":       "Tiger Nixon",
        "position":   "System Architect",
        "salary":     "$3,120",
        "start_date": "2011/04/25",
        "office":     "Edinburgh",
        "extn":       "5421"
    },
    {
        "name":       "Garrett Winters",
        "position":   "Director",
        "salary":     "$5,300",
        "start_date": "2011/07/25",
        "office":     "Edinburgh",
        "extn":       "8422"
    }
]

$('#example').DataTable( {
    data: data,
    columns: [
        { data: 'name' },
        { data: 'position' },
        { data: 'salary' },
        { data: 'office' }
    ]
} );

答案 1 :(得分:0)

这太错了...我喜欢您复制文档的方式,但是列定义中存在明显的错误。

每个列对象的键如何成为“数据”对象。