添加表頭到JSON表

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的方式一樣。