javascript - 如何在javascript中制作表格

Question

我有这段代码可以使数据以表格格式提供，但表格标题和行显示为两个不同的主体，我该如何使用它

  $("#container").html("<table> <th>Name</th> <th>Address</th> <th>Sex</th> <th>Email</th>")
        for (var i = 0; i < data.length; i++) {
            $("#container").append("<tr><td>" +
            data[i].name + "</td><td>" +
            data[i].address + "</td><td>" +
            data[i].sex + "</td><td>" +
            data[i].email + "</td><tr>"
          );
        }
        $("container").append("</table>") 

这是我得到的

我想要整张 table ，而不是两个单独的伙伴。

Answer 1

var htmlTable = '<table><tr><th>Name</th><th>Adress</th><th>Sex</th>   <th>Email</th></tr>'; 
for(var i = 0; i < data.length; i++) {
    htmlTable += '<tr><td>' + data[i].name + '</td><td>' + data[i].adress + '</td><td>' + data[i].sex + '</td><td>' + data[i].email + '</td></tr>';
}
htmlTable += '</table>';

$('#container').html(htmlTable);

立即将表格添加到 DOM，否则浏览器将无法呈现它。