两个表但宽度不同

时间:2013-05-04 08:05:28

标签: html css html-table

我想创建表头和表数据。但是面对两个表的宽度问题不同。

以下是示例表:

<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个表数据,因为我想要对这些数据进行选取。因此表格标题将保持在最顶层。

2 个答案:

答案 0 :(得分:1)

也许您最好使用theadtbody代码?

<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

答案 1 :(得分:0)

你可以使用thead和tbody。以下是一些简单的例子:

  

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

     

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