我有这段代码可以使数据以表格格式提供,但表格标题和行显示为两个不同的主体,我该如何使用它
$("#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 ,而不是两个单独的伙伴。
最佳答案
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,否则浏览器将无法呈现它。
关于javascript - 如何在javascript中制作表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29327777/