Javascript 数据表只使用JSON对象的特定部分

Javascript 数据表只使用JSON对象的特定部分,javascript,jquery,json,datatables,Javascript,Jquery,Json,Datatables,我的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: [

我的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对象
957371121742
中的最后两个元素


如何做?

一种方法是,当您返回数据时,您可以构建一个仅包含最后两列的数组,并将其用于第二个表

HTML

表1

表2
JS

var-dataParse=[
[8, 34, 784, 421, "30.77%", "1.90%", 26, 8, 95737, 1121742]
];
/*从dataParse生成表数据,只包含最后两列*/
函数funcData(){
var数据=[];
对于(var i=0;i
一种方法是,当您返回数据时,您可以构建一个仅包含最后两列的数组,并将其用于第二个表

HTML

表1

表2
JS

var-dataParse=[
[8, 34, 784, 421, "30.77%", "1.90%", 26, 8, 95737, 1121742]
];
/*从dataParse生成表数据,只包含最后两列*/
函数funcData(){
var数据=[];
对于(var i=0;i
解决方案

可以使用选项为每个数据指定数组索引

演示

有关代码和演示,请参阅

解决方案

可以使用选项为每个数据指定数组索引

演示


有关代码和演示,请参阅。

啊,是的,列:数据-我知道有一种方法可以引用它。非常感谢。啊,是的,专栏:数据-我知道有一种方法可以引用它。非常感谢。
<h1>Table 1</h1>

<table id='qtw-graph-table1' class='display' width='100%'>
    <thead></thead>
    <tbody></tbody>
</table>
<br/>

<h2>Table 2</h2>

<table id='qtw-graph-table2' class='display' width='100%'>
    <thead></thead>
    <tbody></tbody>
</table>
var dataParse = [
    [8, 34, 784, 421, "30.77%", "1.90%", 26, 8, 95737, 1121742]
];
/* Build the table data from dataParse, containing only last two columns */
function funcData() {
    var data = [];
    for (var i = 0; i < dataParse.length; i++) {
        data.push(dataParse[i].slice(-2));
    }
    return data;
}

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

$('#qtw-graph-table2').dataTable({
    data: funcData(),
    columns: [{
        title: "h"
    }, {
        title: "i"
    }]
});
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"
    }]
});