Question

这是我目前的表格 -

txt += "<table border='2'>";




     for (x in myObj) {
txt += "<tr>"
txt += "<td>" + myObj[x].friend_id + "</td>";
txt += "<td>" + myObj[x].birth_date + "</td>";
txt += "<td>" + myObj[x].first_name + "</td>";
txt += "<td>" + myObj[x].last_name + "</td>";
txt += "<td>" + myObj[x].gender + "</td>";
txt += "<td>" + myObj[x].phone+ "</td>";
txt += "</tr>"

我用JSON输出填充它，工作正常。但是，我不知道如何将表头添加到表中。我尝试从for循环中添加标题，但它不会与循环中的表对齐。我如何连接两者？

当前表格 - https://imgur.com/a/Fo7OdfX

Answer 1

txt += "<table border='2'>";
txt += "<tr>"
    txt += "<th>Friend Id</th>";
    txt += "<th>Birth Date</th>";
    txt += "<th>First Name</th>";
    txt += "<th>Last Name</th>";
    txt += "<th>Gender</th>";
    txt += "<th>Phone</th>";
txt += "</tr>"



 for (x in myObj) {
    txt += "<tr>"
    txt += "<td>" + myObj[x].friend_id + "</td>";
    txt += "<td>" + myObj[x].birth_date + "</td>";
    txt += "<td>" + myObj[x].first_name + "</td>";
    txt += "<td>" + myObj[x].last_name + "</td>";
    txt += "<td>" + myObj[x].gender + "</td>";
    txt += "<td>" + myObj[x].phone+ "</td>";
    txt += "</tr>"
}

HTML-动态表格标题

1 个答案: