一段根据后台内容动态合并单元格的代码

关注

原创最新推荐文章于 2026-02-01 08:58:10 发布 785 阅读 AI 写同款· GEO 优化 ›

润乾报表动态合并单元格最近一段时间的工作中，遇到这样一个客户需求，客户希望动态合并单元格，合并的规则就是逐行遍历每一行的数据，如果同一行连续两个单元格的值相同，那么就将这两个单元合并到一起。这个需求只能通过API来实现，实现的思路为：先将报表计算为IReport对象，然后逐行遍历每个单元格的值，将这个值跟后面单元格的值比较，如果两个值相同，那么就构造一个Area对象，把这两个单元格合并到一起。下面就做一个简单的例子阅读详情

<!doctype html>

<html>

<head>

<title>无标题文档</title>

</head>

$(function(){

$(".f").each(function(i){

var name = $(this).find("p").text();

var tr = $(this);

var count = 1;

var num = $(this).attr("num");

$(".f").each(function(x){

if(parseInt($(this).attr('num'))>parseInt(num) && name==$(this).find("p").text()){

$(this).remove();

count++;

tr.attr("rowspan",count);

}

});

$(".s").each(function(i){

var num = $(this).attr("num");

var name = $(this).find("p").text();

var tr = $(this);

var count = 1;

$(".s").each(function(x){

if(parseInt($(this).attr('num'))>parseInt(num) && $(this).find("p").text()==name){

$(this).remove();

count++;

tr.attr("rowspan",count);

}

});

$('form').submit(function(){

var count = 0;

$(".xx").each(function(){

if($(this).val()==''){

count++;

}

});

if(count>0){

alert('请填写完整');

return false;

}

})

</script>

<body>

<tr>

</td>

<p>督导科打分</p>

</div>

<ul>

<li class="current"><p>基础分打分</p></li>

</ul>

</div>

</div>

<tr>

</td>

<td>

<!-- <h1><input type="radio" name="point[{$i}][point]" value="4" class="ra">好</h1>

-->

</div>

</td>

</tr>

</volist>

</table>

</div>

</div>

</form>

</div>

</td>

</tr>

</table>

</div>

</body>

</html>

收录于

标签

#合并单元格 #jq

js 实现根据数组分组动态生成table（合并相同项） NULL 博文链接：https://guirudaoge.iteye.com/blog/1420635 立即下载

一段根据后台内容动态合并单元格的代码

相关推荐