社区
基础编程
帖子详情
关于动态生成一个表格出现单元格合并的问题(无数据时)
hhlyjx_79
2002-07-29 09:31:09
我们在用HTML语言写出一个表格时如果里面没有数据的时候会出现两个单元格并在一起,这个问题你怎么解决的?
我现在是用判断语句先要判断一下有没有数据,如果没有数据就写入一个空格,我觉的这个方法每次都要判断不好,有没有更好的方法呢???thx
...全文
148
3
打赏
收藏
关于动态生成一个表格出现单元格合并的问题(无数据时)
我们在用HTML语言写出一个表格时如果里面没有数据的时候会出现两个单元格并在一起,这个问题你怎么解决的? 我现在是用判断语句先要判断一下有没有数据,如果没有数据就写入一个空格,我觉的这个方法每次都要判断不好,有没有更好的方法呢???thx
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
wasy
2002-07-29
打赏
举报
回复
也就是用border-collapse控制:
<table STYLE="border-collapse:collapse" border>
.........
</table>
wasy
2002-07-29
打赏
举报
回复
eg:
<style>
td {border-style:solid;border-width:0px;border-top-width:1px;
border-left-width:1px;}
table {
border-collapse:collapse;border-color:#000000;
}
</style>
<TABLE cellSpacing=1 cellPadding=4 border width=100%>
<TR>
<TD>dsfasdffffasdfasdfasdfffff</TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD>asfdasdfa</TD>
<TD></TD>
</TR>
</TABLE>
hhlyjx_79
2002-07-29
打赏
举报
回复
UP
在 Vue3 + Element Plus 中
生成
动态
表格
,
动态
修改
表格
,多级表头,
合并
单元格
在 Vue 中,
表格
组件是使用频率及复杂度排名第一的组件,前端经常需要根据后台返回的
数据
动态
渲染
表格
,比如
动态
表格
如何
生成
,因为
表格
的列并不是固定的,在未知
表格
具体有哪些列的场景下,前端如何
动态
渲染
表格
数据
。又或者需要把
表格
单元格
进行
合并
处理,比如第一列是日期,需要把相同的日期进行
合并
,这样
表格
看起来会更加清晰。 本文手把手教你如何在 Vue3 + Element Plus 中创建
表格
、
生成
动态
表格
、创建
动态
多级表头、
表格
行
合并
、列
合并
等
问题
。如果你正在搭建后台管理工具,又不想处理前端
问题
,推荐使用卡拉云
vue复杂
表格
单元格
合并
根据
数据
动态
合并
我们在开发中最常见的就是
表格
,而往往有一些复杂
表格
都不大好实现,对于
合并
单元格
不是固定的,而是需要根据
数据
是否相同去
动态
设置
合并
的
表格
,本文把方法分享给大家,可以根据
数据
动态
生成
合并
单元格
,无论导出需求还是显示需求都不需要发愁了。............
js
动态
生成
一个
相邻的
单元格
内容相同的则进行
合并
table
表格
js
动态
生成
一个
相邻的
单元格
内容相同的则进行
合并
table
表格
合并
前效果
合并
后效果: js代码 /* 重现
表格
数据
*/ var dateDiff = null; var categoryName = null; var cdmCategoryId = null; var orderdata = null; var orderdataCount = null; var newOrder = null; var dutyDayList=[];
js
动态
生成
复杂类型
表格
描述:根据后台返回
数据
,使用js
动态
生成
复杂类型的
表格
。如下图: 上述
表格
主要实现两点即可,
一个
是完成后台返回
数据
的嵌套关系,
一个
是
单元格
合并
的
问题
。 html代码: 在
生成
复杂类型
表格
的
时
候最好thead和tbody都单独使用
一个
table标签。 &amp;lt;table&amp;gt; &amp;lt;thead&amp;gt; &amp;lt;tr&amp;gt;
freemarker 中
表格
行列
动态
构造以及
表格
的
单元格
合并
一、先说
单元格
上下
合并
,行循环,在需要开始
合并
的地方给<w:vmerge w:val="restart" />,在需要结束
合并
的地方给<w:vmerge />,我这里实在java中判断的是否需要
合并
,ftl中是这样子的。这是行上
单元格
合并
。 二、竖上的
单元格
合并
:直接给上要
合并
的数量。三、终于说到主题了,先上效果图 这里的行和列均不是固定的,需要去根据查询结果进行展...
基础编程
21,889
社区成员
140,337
社区内容
发帖
与我相关
我的任务
基础编程
从PHP安装配置,PHP入门,PHP基础到PHP应用
复制链接
扫一扫
分享
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章