foreach循环遍历 行合并
2024-09-06 02:27:02
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<style type="text/css"> table{
border: 1px solid black;
border-collapse: collapse;
}
td{
border: 1px solid black;
text-align: center;
}
</style>
</head>
<body>
<table align="center" width="650px">
<tr bgcolor="#CCFFFF">
<td>序号</td>
<td colspan="2">项目</td>
<td>1月</td>
<td>2月</td>
<td>3月</td>
<td>x年合计</td>
</tr>
<c:forEach items="${configApp}" var="configAppname" varStatus="index">
<c:set var="ca" value="${configAppname.configProjectType.projectName}"/>
<c:set var="count" value="0"/>
<c:forEach items="${configApp}" var="configApps">
<c:if test="${configApps.configProjectType.projectName==ca}">
<c:set var="count" value="${count+1}"/>
</c:if>
</c:forEach>
<tr>
<td>${index.count}</td>
<td class="hebing">${configAppname.configProjectType.projectName}</td>
<td>${configAppname.appName}</td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
</tr>
</c:forEach> <tr>
<td></td>
<td colspan="2">项目收入合计</td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
</tr>
</table>
</body>
</html>
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script>
$(function(){
$('.hebing').each(function(index, element) {
if(!$(this).hasClass('hide'))
{ var next=$(this).parent('tr').next('tr').children('.hebing');//下一个合并的对象
$(this).attr('rowspan',1);
while($(this).text()==next.text())
{
$(this).attr('rowspan',parseInt($(this).attr('rowspan'))+1);
next.hide();
next.addClass('hide');
next=next.parent('tr').next('tr').children('.hebing');//下一个合并的对象
}
}
});
});
</script>
最新文章
- iOS开发之ImageView复用实现图片无限轮播
- Android开发究竟用什么工具，Eclipse||AS
- Java中String,StringBuffer与StringBuilder的差别
- NGINX、PHP-FPM开机自动启动
- 数据字典生成工具之旅(4)：NPOI操作EXECL
- 代码大全 MSIL语言程序设计
- 判断线段相交 -- 51nod 1264 线段相交
- Python之Python Imaging Library
- UIPickerView
- Android网络开发之用tcpdump抓包
- http-server 使用介绍
- 【javascript】回调函数
- CCF系列之图像旋转(201503-1)
- 推荐三个 VSCode 摸鱼插件
- python学习04
- array_flip()函数
- 前端开发必须知道的JS（一） 原型和继承
- [重点]delphi删除部分字符串（不区分大小写）
- 【CF865C】Gotta Go Fast 二分+期望DP
- [翻译Joel On Software]选择一门语言/Choosing a language