代码展示

 <tr><th style="text-align: center" >申报编号</th><th style="text-align: center">使用单位</th><c:if test="${sbzl ne '3002'}"><th style="text-align: center">设备注册代码</th></c:if><c:if test="${sbzl eq '3002'}"><th style="text-align: center">特种设备编号</th></c:if><th style="text-align: center">设备种类</th><th style="text-align: center">检验类型</th><th style="text-align: center">检验内容</th><c:if test="${sbzl eq '5000'}"><th>车牌号</th><th>燃油种类</th></c:if><c:if test="${jyxz eq '1'}"><c:if test="${sbzl ne '5000'}"><th style="text-align: center">检验日期</th></c:if></c:if><c:if test="${sessionScope.ishb eq '1'}"><th>操作</th></c:if>
</tr>

<c:forEach items="${jynrlblist}" varStatus="jynr" var="ggWssbJynrlb" ><tr align="center"><td class="sbbhHebing"><input type="hidden" id="wssbid_${jynr.count}" value="${ggWssbJynrlb.wssbid}"/><input id="declareNum_${jynr.count}" value="${ggWssbJynrlb.sbbh}"/><input type="hidden" name="sbzl" id="sbzl${jynr.count}" value="${ggWssbJynrlb.sbzl}"/></td><td>${ggWssbJynrlb.sydwmc}</td><c:if test="${sessionScope.ishb eq '1'}"><td colspan="5" class="hebing"><input id="btnSubmitbz" onclick="addDeviceWindwo('${ggWssbJynrlb.wssbid}');" value="录入备注"/></td></c:if></tr>
</c:forEach>

js处理

<script>$(function(){$(".hebing").each(function(index, element) {if(!$(this).hasClass('hide')){var next=$(this).parent('tr').next('tr').children(".hebing") // var last=$(this).parent('tr').children(".sbbhHebing")  //本行的第一个框里面的值var nextlast=$(this).parent('tr').next('tr').children(".sbbhHebing")//下一行第一个框里面的值$(this).attr("rowspan",1);  //初始值while(last.text()==nextlast.text()){$(this).attr("rowspan",parseInt($(this).attr("rowspan"))+1); // 合并框next.hide();next.addClass('hide');next=next.parent('tr').next('tr').children(".hebing");last=last.parent('tr').children(".sbbhHebing")nextlast=nextlast.parent('tr').next('tr').children(".sbbhHebing")}}})
});
</script>

效果

基于jQuery的jsp表格动态合并相关推荐

php 动态添加表格行,jQuery给html表格动态添加行方法总结
这次给大家带来jQuery给html表格动态添加行方法总结,jQuery给html表格动态添加行的注意事项有哪些,下面就是实战案例,一起来看一下. 本文实例讲述了jQuery实现html表格动态添加新 ...
表格树形结构 HTML CSS,基于jQuery ztree实现表格风格的树状结构
zTree 简介 zTree 是一个依靠 jQuery 实现的多功能 "树插件".优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. zTree 是开源免费的软件(M ...
【element-ui】 el-table 表格动态合并相同数据单元格最全教程，可指定列+自定义合并条件，附完整代码
el-table合并单元格 1.固定合并官方挺提供的合并具体某行列的方法:el-table合并行或列通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含 ...
jQuery为table表格动态添加或删除tr
HTML页面元素如下:  <div id="contractDetailDiv" title="销售订单明细&qu ...
【表格合并单元格】vue-elementul表格动态合并实现方法，合并行，合并列方法【详细讲解，看完就理解】
功能这个elementul表格单元格合并功能是很多地方会用到的,但是官方文档那个有点看的不明白.这里详细讲一下. 这里包含有一个行的合并方法,一个列的合并方法,都是详细注释了的,讲解了他的规则,看完 ...
el-table表格动态合并行、合并行列及详解
jQuery：收集一些基于jQuery框架开发的控件/jquery插件2
Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. 主页:http://letmehaveblog.blogspot.com/2007/10/ ...
php相同数据合并单元格,jQuery_基于jQuery的合并表格中相同文本的相邻单元格的代码，ONE 已经生成的数据表格大致 - phpStudy...
基于jQuery的合并表格中相同文本的相邻单元格的代码 ONE 已经生成的数据表格大致内容如下: 地区地区商品代码商品名称数量有效期至距效期(月) 产品批号规格单位条形码广东深圳 ...
基于 jQuery 与 Bootstrap 简单封装一个表格分页的组件
最近遇到一个需求:页面上的数据可能会有很多条,需要将数据分页展示在表格中.项目用的是 jQuery 和 Bootstrap,本来想直接用 bootstrapTable 插件,但是需要额外引入 js 文 ...

基于jQuery的jsp表格动态合并

基于jQuery的jsp表格动态合并

代码展示

基于jQuery的jsp表格动态合并相关推荐

最新文章

热门文章