动态添加列在jQuery的数据表并插入数据

  • Z时代
  • 2024-01-10
  • 分类：问答

我有这样动态添加列在jQuery的数据表并插入数据

{ 
    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); 
     } 
    }
我有问题

，我的专栏也将作为行。

回答：

$("#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); 
    } 
}

以上是 动态添加列在jQuery的数据表并插入数据 的全部内容， 来源链接： utcz.com/qa/262355.html

回到顶部