動態添加列在jQuery的數據表並插入數據

Question

我有這樣

{ 
    Date: "2017-11-07", 
    Items: [ 
{ 
    count: "160", 
    period: "0", 
} 
] 
}, 
{ 
    Date: "2017-11-08", 
    Items: [ 
    { 
    count: "106", 
    period: "0", 
    }, 
    { 
    transCount: "298", 
    period: "1", 
    tranType: "new" 
    } 
] 
}, 

因爲我想創建一個新的列，然後插入該列項陣列的「計數」值每次約會一個JSON。 到目前爲止，我已經在添加列，做到了這一點

$("#dtable-users").append('<table id="dtchurn" class="table table-striped table-bordered"><thead></thead><tbody id="tbody"></tbody></table>'); 
     for(i=0; i<= jsonStr.length;i++) 
     { 
     var tableColumn = "<th> " + jsonStr[i].Date + " </th>"; 
     $("#tbody").append(tableColumn) 

     for(j=0; j < jsonStr[i].Items.length;j++) 
     { 
      var tablerow = "<tr><td>"+ parseInt(jsonStr[i].Items[j].transCount) +"</td></tr>" 
      $('#tbody').append(tablerow); 
     } 
    } 

我有問題

，我的專欄也將作爲行。

Answer 1

$("#dtable-users").append('<table id="dtchurn" class="table table-striped table-bordered"><thead></thead><tbody id="tbody"></tbody></table>'); 
    var tbl_head = '',tbl_rows='' 
    for(i=0; i<= jsonStr.length;i++) 
    { 
    var tableColumn = "<th> " + jsonStr[i].Date + " </th>"; 
    tbl_head + = tableColumn; 

    for(j=0; j < jsonStr[i].Items.length;j++) 
    { 
     var tablerow = "<tr><td>"+ parseInt(jsonStr[i].Items[j].transCount) +"</td></tr>" 
     tbl_rows + = tablerow; 
    } 
    if(i===jsonStr.length-1) 
    { 
     $("#tbody").append(tbl_head); 
     $('#tbody').append(tbl_rows); 
    } 
}