jsp forEach单元格合并

洋少丶 2016-04-19 09:58:08
合并前样式

合并后样式


代码
<div class="inner-spacer" style="overflow-x:scroll">
<table class="table table-bordered" id="s-table-bordered">
<thead>
<tr>
<th>时间</th>
<th>注册客户端</th>
<th>渠道一级</th>
<th>渠道二级</th>
<th>渠道三级</th>
<th>渠道四级</th>
<th>渠道五级</th>
<th>注册人数</th>
<th>验证身份人数</th>
<th>验证率</th>
</tr>
</thead>
<tbody>
<c:forEach items="${users}" var="u">
<tr>
<td>${u.times}</td>
<td>${u.client}</td>
<td>${u.channelOne}</td>
<td>${u.channelTwo}</td>
<td>${u.channelThree}</td>
<td>${u.channelFour}</td>
<td>${u.channelFive}</td>
<td>${u.enrollment}</td>
<td>${u.verifyIdentityUser}</td>
<td>${u.verifyRate}</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>

求大神如何合并单元格
...全文
635 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
孙海波Na2S2O3 2019-12-31
  • 打赏
  • 举报
回复
返回个前段的集合对象中可以再包含一个集合对象
什么都不能 2017-12-26
  • 打赏
  • 举报
回复
现在后面把数据结构处理好,再展示,jsp里也可以写,那就有点麻烦,要做几次循环。js做的话要闪一下,不建议用js,除非表格直接用js做,如果只是js去改原始表格效果太差。
  • 打赏
  • 举报
回复
楼主现在解决了吗?
二月的XUE 2017-09-23
  • 打赏
  • 举报
回复
同求,js怎么写啊
Intboy 2016-04-19
  • 打赏
  • 举报
回复
用c:forEach 貌似比较难实现,看你的目的就是下一行如果跟上一行内容一样的时候,此时合并,而foreach是循环到第二行的时候,第一行已经固定了,所以建议用js去控制应该比较容易。
YuanFY_V 2016-04-19
  • 打赏
  • 举报
回复
在td标签中可以使用colspan和rowspan,分别代表列所占多少,行所占多少。
菜 头 2016-04-19
  • 打赏
  • 举报
回复
写个js吧,获取单元格值与上一列单元格的值进行对比,相同则把单元格删除,然后把上一列的单元格rowspan为2.

81,122

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧