jsp中td值相同合并的问题

如图,已根据之前一位大神的帖子把第一列中相同的合并了,现在的情况是:除了第二列,后面的3列要跟着第一列的合并来合并,求来个大神解答,第一列合并的js如下:
<tr>
<td class="hebing" style="text-align: center;">
${honor.honorOrgName }
</td>
.....
</tr>
$('.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);
//文字居中 添加等值的height和line-height
$(this).attr('style',"height:"+((parseInt($(this).attr('rowspan'))+1)*30)+"px;");
$(this).attr('style',"line-height:"+((parseInt($(this).attr('rowspan'))+1)*30)+"px;");
next.hide();
next.addClass('hide');
next=next.parent('tr').next('tr').children('.hebing');//下一个合并的对象
}
}
});
...全文
相关推荐
java面试技术题库
59. table的border控制边框,cellpadding设置单元格内边距,td的colspan和rowspan用于合并单元格。
JSP Table 单元格合并
### JSP Table 单元格合并在网页开发中,表格是展示数据的重要方式之一。为了使表格看起来更简洁明了,在某些情况下我们需要对相同的单元格进行合并处理。
js对table的td进行相同内容合并示例详解
如果发现内容相同,则通过增加rowspan值来合并单元格,并且隐藏或移除多余的单元格。需要注意的是,示例代码中对行的背景色进行了交替变化,这是为了视觉上区分合并的行。
JSP页面实现合并单元格
### JSP页面实现合并单元格知识点详解#### 一、背景介绍在Web开发中,经常需要处理表格数据展示的问题,特别是在数据具有层级结构的情况下,如何有效地合并单元格以达到美观且直观的数据呈现效果,是前端开发人员经常面临的挑战之一
JSP中动态合并单元格的实例代码
最后,代码示例中提到,如果读者在实际应用中遇到任何问题或有其他疑问,可以通过留言寻求帮助。同时,作者也对支持网站的读者表示了感谢。


