你的位置:首页 > Java教程

[Java教程]javascript合并表格单元格代码实例

javascript合并表格单元格代码实例:
或许在某些应用中需要动态的合并单元格,下面是一段来源于网络上的代码实例,能够合并单元格,下面和大家分享一下,希望能够给需要的朋友或多或少带来一定的帮助。
代码实例如下:

<!DOCTYPE HTML><html><head><meta charset="utf-8"/><title>表格单元格合并代码-蚂蚁部落</title><script type="text/javascript"> function autoRowSpan(tb,row,col){  var lastValue="";  var value="";  var pos=1;  for(var i=row;i<tb.rows.length;i++){   value=tb.rows[i].cells[col].innerText;   if(lastValue==value){    tb.rows[i].deleteCell(col);    tb.rows[i-pos].cells[col].rowSpan=tb.rows[i-pos].cells[col].rowSpan+1;    pos++;   }  else{    lastValue=value;    pos=1;   }  } } window.onload=function(){ var tb=document.getElementById("tb"); autoRowSpan(tb,0,0)}</script></head><body><table id="tb" border="1"> <thead>  <tr >   <td>国家</td>   <td>地区</td>  </tr> </thead> <tr>  <td>中国</td>  <td>河南</td> </tr> <tr>  <td>中国</td>  <td>四川</td> </tr> <tr>  <td>中国</td>  <td>北京</td> </tr> <tr>  <td>美国</td>  <td>纽约</td> </tr> <tr>  <td>美国</td>  <td>洛杉矶</td> </tr> <tr>  <td>英国</td>  <td>伦敦</td> </tr></table></body></html>

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8870

更多内容可以参阅:http://www.softwhy.com/javascript/