Question

我是Javascript / jQuery的新手，我需要一些帮助，为我的表添加一个标题。我从JSON数组中获取数据。这是我目前的代码。

function jsonTable (ChartNum, divclass) {
"use strict";
var output = JSON.parse(document.getElementById(ChartNum).innerHTML);
var table = $('<table></table>');
for (var i=0; i < output.length; i++) {
    var tr = $('<tr></tr>');
for (var key in output[i]) {
    var td = $('<td></td>');
    td.attr('class', key);
    td.text(output[i][key]);
    tr.append(td);
}
table.append(tr);
}
$(divclass).append(table);
}


jsonTable( 'pdfChart1', '#pdfTable1');

任何帮助都会非常感激。谢谢，

Answer 1

试试这个：

function jsonTable (ChartNum, divclass) {"use strict";
var output = JSON.parse(document.getElementById(ChartNum).innerHTML);
var table = $('<table></table>');
var trHeader = $('var table = $('<tr><th>Column1</th><th>Column2</th>    <th>ColumnsN</th></tr>');
table.append(trHeader);
for (var i=0; i < output.length; i++) {
    var tr = $('<tr></tr>');
for (var key in output[i]) {
var td = $('<td></td>');
td.attr('class', key);
td.text(output[i][key]);
tr.append(td);
}
table.append(tr);
}
$(divclass).append(table);
}

jsonTable( 'pdfChart1', '#pdfTable1');

我添加了变量trHeader，您可以在其中添加列的名称，当然这仅在您的列始终相同时才有效。或者你可以使用列的名称获取另一个json并迭代它以构建trHeader，类似于构建tds的方式。

将表头添加到JSON表

1 个答案: