layui的table表格单元格合并

最新推荐文章于 2024-08-22 08:56:37 发布

袅袅凉风动

最新推荐文章于 2024-08-22 08:56:37 发布

阅读量1.8k

点赞数

文章标签： html css javascript

本文链接：https://blog.csdn.net/weixin_43840104/article/details/108097206

版权

table合并单元格 colspan（跨列）和rowspan（跨行）
转自：https://www.cnblogs.com/xiaoshujiang/p/5643201.html

图例：
在这里插入图片描述

<html>
<head>

</head>

<table border= "1 "   width= "200 " >
     <tr>
        <td colspan="4"  >ss

        </td>
     </tr>
     <tr>
        <td   width= "25% "> 　 </td>  
        <td   width= "25% "> 　 </td>  
        <td   width= "25% "> 　 </td>  
        <td   width= "25% "> 　 </td> 
     </tr>
     <tr>
        <td   width= "25% "rowspan="2"> 　 </td>  
        <td   width= "25% "> 　 </td>  
        <td   width= "25% "> 　 </td>  
        <td   width= "25% "> 　 </td> 
     </tr>
     <tr>

        <td   width= "25% "> 　 </td>  
        <td   width= "25% " rowspan="3"> 　 </td>  
        <td   width= "25% "> 　 </td> 
     </tr>
     <tr>
        <td   width= "25% " colspan="2"  > 　 </td>  
        <td   width= "25% "> 　 </td>  


     </tr>
     <tr>
        <td   width= "25% "> 　 </td>  
        <td   width= "25% "> 　 </td>  
        <td   width= "25% "> 　 </td>  

     </tr>
</table>

</html>