简单的html表格合并单元格的方法,希望能够帮助大家,另外小编谢谢大家一如既往的支持,欢迎大家一起和群里的小伙伴一起学习,交流,群里面每天都有分享初学者的笔记资料,视频。点击进入1045267283
html中,colspan属性是合并列,rowspan属性是合并行,合并行的时候,比如rowspan="2",它的下一行tr会少一列;合并列的时候 colspan="2",此行的列会少一列。
代码演示:
<table border="1"style={{margin:200}}>
<tbody>
<tr>
<th colspan="2">我是占位符</th>
<th colspan="2">我是占位符</th>
</tr>
<tr>
<th rowspan="2">我是占位符</th>
<th>我是占位符</th>
<th>我是占位符</th>
<th>我是占位符</th>
</tr>
<tr>
<th>我是占位符</th>
<th>我是占位符</th>
<th>我是占位符</th>
</tr>
</tbody>
</table>
扩展资料:
rowspan规定表头单元格应该横跨的行数。注意: rowspan="0" 告知浏览器使单元格横跨到表格组件中的最后一个行(thead、tbody 或 tfoot)。
以上就是html表格合并单元格的方法的详细内容,
相关内容链接希望能帮助大家!