欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 维修 > 如何用代码在数据库新建一个表格/HTML的跨行合并和跨列合并

如何用代码在数据库新建一个表格/HTML的跨行合并和跨列合并

2024/10/24 22:20:56 来源:https://blog.csdn.net/zsysingapore/article/details/140818644  浏览:    关键词:如何用代码在数据库新建一个表格/HTML的跨行合并和跨列合并

1.用navicat新建一表格

数据库使用链接

2.前端代码

(1)跨行合并:rowspan=“合并单元格的个数”

跨列合并:colspan=“合并单元格的个数”

在这里插入图片描述

<body>
<table border="1”align="center” width="100%cellpadding="20”cellspacing="g"
<tr>
<th>全明星信息收集</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th></th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>爱好</th>
< tr>
<tr>
<td></td>
<td>GG</td>
<td></td>
<td>24</td>
<td>唱跳rap打篮球</td>
<tr>
<tr>
<td></td>
<td>理塘</td>
<td></td>
<td>20</td>
<td>HAHA</td>
</tr>
<tr>
<td></td>
<td>梦泪</td>
<td></td>
<td>27</td>
<td>CCC</td>
</tr>
</table>

(2)跨行合并(rowspan):如果我们想要下面的效果就需要使用到rowspan属性.
在这里插入图片描述
(3)跨列合并(colspan):如果我们想要下面的效果就需要使用到colspan属性.

在这里插入图片描述

在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com