JSON源到数据表

时间:2015-03-02 19:25:02

标签: json datatables jquery-datatables

我有这段代码:

testdata = [{
    "hasresults": true,
    "resultscount": 5,
    "dob": null,
    "chart": {
        "rows": [
            {
                "chart": "BAR000",
                "firstname": "RUSSELL",
                "lastname": "BARON"
            },
            {
                "chart": "BAR001",
                "firstname": "BRUSELL",
                "lastname": "BARON"
            },
            {
                "chart": "BAR002",
                "firstname": "GARY",
                "lastname": "BARON"
            }
        ]
    }
}];

$('#test').dataTable({
    "aaData": testdata,
        "aoColumns": [{
        "mDataProp": "chart"
    }, {
        "mDataProp": "firstname"
    }, {
        "mDataProp": "lastname"
    }]
});

有人可以帮助我,为什么这不起作用?似乎如果我删除了以下内容,它将起作用:

"hasresults": true,
"resultscount": 5,
"dob": null,
"chart": {

Not working fiddle

Working fiddle

1 个答案:

答案 0 :(得分:2)

您只需要以正确的方式解决testdata问题。 testdata是一个数组,其中包含一个对象,该对象包含另一个对象chart,其中包含一个数组rows

$('#test').dataTable({
    "aaData": testdata[0].chart.rows, //<------
    "aoColumns": [{
        "mDataProp": "chart"
    }, {
        "mDataProp": "firstname"
    }, {
        "mDataProp": "lastname"
    }]
});

您的代码在这里工作 - &gt;的 http://jsfiddle.net/j1fvL96e/