html - 两张桌子但宽度不同

Question

我想制作表头和表数据。但是面临两张桌子不同的宽度问题。

这是示例表：

<table>
<tr>
<td>Name</td>
<td>Class</td>
<td>Phone</td>
</tr>
</table>

和这里的数据：

<table>
<tr>
<td>John Reise</td>
<td>Math</td>
<td>123456789</td>
<tr>
<td>Michael Sweirzgez</td>
<td>Information Technology</td>
<td>012345678910</td>
<tr>

所以当我尝试运行代码时，它会是这样的：

Name | Class | Phone
John Reise | Math | 123456789

如果我删除数据，宽度将适合表头。

我制作了 2 个表格、1 个表格标题和 1 个表格数据，因为我想选中这些数据。所以表头将保持在顶部。

Answer 1

也许你更好地使用thead和tbody标签？

<table>
    <thead>
        <tr>
            <td>Name</td>
            <td>Class</td>
            <td>Phone</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>John Reise</td>
            <td>Math</td>
            <td>123456789</td>
        </tr>
        <tr>
            <td>Michael Sweirzgez</td>
            <td>Information Technology</td>
            <td>012345678910</td>
        </tr>
    </tbody>
</table>

你可以在这里阅读更多关于它的信息http://www.w3schools.com/tags/tag_thead.asp

Answer 2

您可以使用 thead 和 tbody。以下是简单的示例：

http://www.w3schools.com/tags/tag_thead.asp

http://www.idocs.com/tags/tables/_THEAD.html