HTML表格没有与tbody对齐

Question

我认为我做错了什么，但我的桌子细胞没有对齐。 <thead>单元格未与<tbody>（和<tfoot>）单元格对齐。这种情况发生在Chrome和Firefox中（注意：我在Linux上，所以我不能/无法测试IE。）。

请参阅jsFiddle。

$(container)
    .append($("<table>")
         .append($("<thaad>").html("<tr><th>ID</th><th>First name</th><th>Last name</th><th>Email</th><th>Active</th></tr>"))
         .append($("<tfoot>").html("<tr><th>ID</th><th>First name</th><th>Last name</th><th>Email</th><th>Active</th></tr>"))
         .append($("<tbody>").html("<tr><td>1</td><td>John</td><td>Smith</td><td>john@email.com</td><td>true</td></tr>")));

这可能是什么原因？如何解决？

谢谢。

Answer 1

您写的是thaad而不是thead。 ：）