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

标签 javascript jquery arrays datatables

我正在尝试使用 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 版本在版本控制方面有点过时,但我希望它仍然有效,因为我不知道还能去哪里查看。

最佳答案

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

编辑

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

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

关于javascript - 使用本地数组数组作为数据源初始化 Jquery DataTable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26416735/

相关文章:

javascript - iPad 上的 Sketch.js

javascript - 在组件函数 "Cannot read property ' props' of undefined 中调用 props 函数”

jquery - 查找多个div中最长的字符串(同一类)

javascript - 使用 [quote]foo text[/quote] 抓取文本并用 JS 将其替换为 <div class ="quote-text">foo text</div>

python - Python 和 c++ 之间的二维数组初始化。这是什么 ?为什么?

java - 如何检查数组中整数值之间的整除性

JavaScript "associative"数组访问

javascript - 声云 CORS

php - 不错的 url 传递变量

python - Numpy:对于一个数组中的每个元素,找到另一个数组中的索引