javascript - DataTable 仅使用 JSON 对象的特定部分

Question

我的 DataTables 工作得很好 - 但我想使用我的 JSON 返回来填充两个单独的表。

从 PHP 返回的 JSON 包含 10 个对象:

[[8,34,784,421,"30.77%","1.90%",26,8,95737,1121742]]

我的 javascript 代码处理前 8 个:

$.fn.dataTable.ext.errMode = 'throw';
$('#qtw-graph-table').DataTable( {
  data: dataParse,
  },
  columns: [            
    { title: "a"},
    { title: "b"},
    { title: "c"},
    { title: "d"},
    { title: "e"},
    { title: "f"},
    { title: "g"}
  ]
});                   

我想将 a - g 和 h - i 分成两个单独的表，但我不知道如何获得第二个表在上面的输出中仅使用 JSON 对象 95737,1121742 中的最后两个元素...

怎么办？

Answer 1

SOLUTION

您可以使用 columns.data 为每个数据指定数组索引选项。

var dataParse = [
    [8, 34, 784, 421, "30.77%", "1.90%", 26, 8, 95737, 1121742]
];

$('#qtw-graph-table1').DataTable({
    data: dataParse,
    columns: [{
        data: 0, title: "a"
    }, {
        data: 1, title: "b"
    }, {
        data: 2, title: "c"
    }, {
        data: 3, title: "d"
    }, {
        data: 4, title: "e"
    }, {
        data: 5, title: "f"
    }, {
        data: 6, title: "g"
    }]
});

$('#qtw-graph-table2').dataTable({
    data: dataParse,
    columns: [{
        data: 8, title: "h"
    }, {
        data: 9, title: "i"
    }]
});

DEMO

参见 updated jsFiddle用于代码和演示。