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

豆沙沙包?

于 2024-07-31 13:43:16 发布

阅读量172

点赞数 1

分类专栏： java 文章标签：数据库 html 前端

本文链接：https://blog.csdn.net/zsysingapore/article/details/140818644

版权

java 专栏收录该内容

103 篇文章 2 订阅

订阅专栏

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属性.

在这里插入图片描述

豆沙沙包?

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
如何用代码在数据库新建一个表格/HTML的跨行合并和跨列合并

(2)跨行合并（rowspan）：如果我们想要下面的效果就需要使用到rowspan属性.(3)跨列合并（colspan）：如果我们想要下面的效果就需要使用到colspan属性.（1）跨行合并：rowspan=“合并单元格的个数”跨列合并：colspan=“合并单元格的个数”
复制链接

扫一扫

专栏目录