Javascript 数据表只使用JSON对象的特定部分
我的DataTables工作得很好,但我想使用JSON返回来填充两个单独的表 从PHP返回的JSON包含10个对象: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: [
[[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"
}]
});