关于thead和tfoot的HTML表格查询

时间:2015-08-03 05:30:51

标签: html html5

当我们在一个表中有多个thead和tfoot标签时会发生什么?浏览器如何响应它?

1 个答案:

答案 0 :(得分:1)

只需在现有表格中添加另一个页眉和页脚。

您在这里查看https://jsfiddle.net/no220phd/3/

<table style="width:100%">
<thead>
<tr>
<th>head1 col1</th>
<th>head1 col2</th>
<th>head1 col3</th>
</tr>
</thead>
<thead>
<tr>
<th>head2 col1</th>
<th>head2 col2</th>
<th>head2 col3</th>
</tr>
</thead>
  <tr>
    <td>Jill</td>
    <td>Smith</td>      
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>        
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>        
    <td>80</td>
  </tr>
    <tfoot>
    <th>foot1 col1</th>
<th>foot1 col2</th>
<th>foot1 col3</th>
    </tfoot>
    <tfoot>
    <th>foot2 col1</th>
<th>foot2 col2</th>
<th>foot2 col3</th>
    </tfoot>
</table>