【问题标题】:Use datatables.net with javascript将 datatables.net 与 javascript 一起使用
【发布时间】:2016-08-03 18:47:38
【问题描述】:

所以我有一些 javascript 数组,例如。 array1 = [1,2,3]array2 = [4,5,6] 我希望这些数组表示列数据,而不是它想要的行数据。 我将如何使表格看起来像:

我整天都在拔头发,我似乎找不到解决方案……这甚至支持吗?

【问题讨论】:

    标签: javascript twitter-bootstrap multidimensional-array datatables


    【解决方案1】:

    离开 aw04 的 good answer,这是一种通过转置列和行来创建新数组的方法。如果您正在生成表based on data you have in a javascript array,请使用此方法。

    var rows = [];
    
    for (var i = 0; i < array1.length; i++) { 
        rows.push([array1[i],array2[i]]);
    }
    

    只需确保 array1 与 array2 具有相同数量的元素。

    【讨论】:

    • 是的,如果它只是为您创建表格,我实际上会这样做,我的回答可能是一个额外的步骤
    • 是的,这也是一个简单的方法,将它们放在一起。谢谢!
    【解决方案2】:

    按你需要的方式输出数据。

    var rows = '';
    
    for (var i = 0; i < array.length; i++) { //assumes equal size arrays
      rows += '<tr><td>'+array[i]+'</td><td>'+array2[i]+'</td></tr>';
      //or however you do this
    }
    

    【讨论】:

    • 他正在使用datatables jquery 插件,该插件接受数据作为 javascript 数组。他只需要以不同的方式格式化他的数组。
    • 是的,使用 html 对吗?但我希望使用 datatables.net 或引导表来增加功能......所以我想我只需要弄清楚如何重新格式化数组?>
    • @Andrew 在最基本的示例中,它对现有表进行操作,这就是我采用这种方法的原因datatables.net/examples/basic_init/zero_configuration.html
    • 真的,不过没关系。您可以改用相同的逻辑来重构数据。
    • @aw04,这是一个非常聪明的方法。也许制作那个基本表,然后将其转换为 datatables.net 可能会成功.....
    猜你喜欢
    • 2020-09-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-10-14
    • 2021-05-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多