JS table 表格相同列合并

 <script   language="JavaScript">  
function   uniteTable(tb,colLength){  
  //   检查表格是否规整  
  if   (!checkTable(tb))   return;  
  var   i=0;  
  var   j=0;  
  var   rowCount=tb.rows.length; //   行数  
  var   colCount=tb.rows[0].cells.length; //   列数  
  var   obj1=null;  
  var   obj2=null;  
  //   为每个单元格命名  
  for   (i=0;i<rowCount;i++){  
  for   (j=0;j<colCount;j++){  
  tb.rows[i].cells[j].id="tb__"   +   i.toString()   +   "_"   +   j.toString();  
  }  
  }  
  //   逐列检查合并  
  for   (i=0;i<colCount;i++){  
  if   (i==colLength)   return;  
  obj1=document.getElementById("tb__0_"+i.toString())  
  for   (j=1;j<rowCount;j++){  
  obj2=document.getElementById("tb__"+j.toString()+"_"+i.toString());  
  if   (obj1.innerText   ==   obj2.innerText){  
  obj1.rowSpan++;  
  obj2.parentNode.removeChild(obj2);  
  }else{  
  obj1=document.getElementById("tb__"+j.toString()+"_"+i.toString());  
  }  
  }  
  }  
  }  
   
  /  
  //   功能:检查表格是否规整  
  //   参数:tb--需要检查的表格ID  
  //   data:   2005.11.6  
  /  
  function   checkTable(tb){  
  if   (tb.rows.length==0)   return   false;  
  if   (tb.rows[0].cells.length==0)   return   false;  
  for   (var   i=0;i<tb.rows.length;i++){  
  if   (tb.rows[0].cells.length   !=   tb.rows[i].cells.length)   return   false;  
  }  
  return   true;  
  }  
 

   
  uniteTable(theTable,2);//执行测试。   (表格id,合并前两列)
  </script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值