js合并具有相同内容的单元格,跨行合并!

本文介绍了一种使用JavaScript实现表格合并单元格的方法。通过定义`autoRowSpan`函数,可以遍历表格的每一行,当遇到连续相同的单元格值时进行合并处理,并设置合适的跨行显示样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//放在html   结尾  
function autoRowSpan(tab, row, col) { 
//保存最后一个值
 var lastvalue=""; 
//与最后一个值做比较
 var value=""; 
//临时变量 
 var index=1; 
//循环获取tab所有的行数
 for(var i=row;i<tab.rows.length;i++){ 
//获取当前的某一列数据
 value=tab.rows[i].cells[col].innerText; 
//判断是否与最后一行相同,如果相同进行删除,并且居中展示
 if(lastvalue==value){ 
  tab.rows[i].deleteCell(col); 
  tab.rows[i-index].cells[col].rowSpan=tb.rows[i-index].cells[col].rowSpan+1; 
  tab.rows[i-index].cells[col].style="vertical-align:middle;";
//临时变量加1
  index++; 
 }else{ 
//如果第一行与临时变量保存的不同,则赋值给临时变量,lastvalue
  lastvalue=value; 
//index开始
  index=1; 
 } 
 } 
//获取table的id
var tab=document.getElementById("table");
 autoRowSpan(tab,0,0);   //调用方法
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值