table多行表头
时间: 2023-08-21 20:17:45 浏览: 103
list 多行表头
在 HTML 中,可以使用 colspan 和 rowspan 属性来创建多行多列的表头。其中,colspan 属性指定单元格横向跨越的列数,而 rowspan 属性指定单元格纵向跨越的行数。
以下是一个多行多列表头的示例代码:
```
<table>
<thead>
<tr>
<th rowspan="2">编号</th>
<th rowspan="2">姓名</th>
<th colspan="3">成绩</th>
</tr>
<tr>
<th>语文</th>
<th>数学</th>
<th>英语</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>张三</td>
<td>90</td>
<td>80</td>
<td>70</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>85</td>
<td>90</td>
<td>75</td>
</tr>
</tbody>
</table>
```
在上面的代码中,第一行表头使用了 rowspan="2",表示该单元格跨越了两行;而第三列表头使用了 colspan="3",表示该单元格跨越了三列。
阅读全文