基于数据动态创建基于模板的表格单元格

Question

如何根据数据集动态创建表格单元格？这需要Javascript / ajax吗？是否可以为单元格使用模板div？

只是寻找一些方向。

Answer 1

如果要动态创建表格单元格，则需要操作DOM，因此需要使用Javascript。

一个示例，它将向表中添加一个新行：

var table = document.getElementById('[tablebodyelement]'),
    row = document.createElement('tr'),
    data = ["cell1", "cell2", "cell3"];

for(var i=0; i<row.length; i++){
  var cell = document.createElement('td');
  td.appendChild(document.createTextnode(row[i]));
  row.appendChild(td);
}

table.appendChild(row);