javascript - 使用本地数组数组作为数据源初始化 Jquery DataTable

Question

我正在尝试使用 DataTables jquery 插件构建一个 DataTable，我的数据来自一个数组数组，存储在一个变量中。我已将我的代码缩减为与 "data-sources" example in the documentation 中所列示例接近的图像。 .

基本上我无法让它工作。这是它的要点:

$(document).ready(function() {

    $('#graphic').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');

    console.log(tableData);

    $('#example').dataTable( { 
    "data": tableData,
    "columns": [
        {"title": "column1"},
        {"title": "column2"},
        {"title": "column3"}
        ]
    });

});

我的数据如下:

var tableData = [
  ["Bloom Energy","$230,749,470.00","23.60%"],
  ["Sharp","$101,269,745.00","10.30%"]};

完整的 CodePen 就在这里:http://codepen.io/scottpham/pen/mkhvr

很明显，示例中引用的 DataTables 版本在版本控制方面有点过时，但我希望它仍然有效，因为我不知道还能去哪里查看。

Answer 1

您正在使用 1.9.4 但您需要 1.10.*** 版本，这就是为什么不起作用

编辑

我很抱歉，1.9.4 支持 source as array of array ，你只是初始化不正确的属性，你需要 aaData 和 aoColums，在这里工作 pen

$('#example').DataTable( { 
        "aaData": tableData,
        "aoColumns": [
            {"title": "column1"},
            {"title": "column2"},
            {"title": "column3"}
            ]
    });