HTML表格头与正文不对齐

Question

我想我做错了什么，但我的表格单元格不对齐。<thead>细胞与<tbody> (和<tfoot>)细胞不一致。这种情况发生在Chrome和火狐(注意到：我在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 insead of thead。:)