jquery - HTML 表格标题与正文不对齐

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

你写的是that而不是thread。 :)