posts - 104, comments - 34, trackbacks - 0

<html>   
  <head>   
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312" />   
  <title>合并表格</title>   
  <script>   
  ///////////////////////////////////////////////   
  //   功能：合并表格   
  //   参数：tb－－需要合并的表格ID   
  //   参数：colLength－－需要对前几列进行合并，比如，   
  //   想合并前两列，后面的数据列忽略合并，colLength应为2   
  //   缺省表示对全部列合并   
  //   data:   2005.11.6   
  ///////////////////////////////////////////////   
  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;   
  }   
  
  function SpanGrid(tabObj,colIndex) {
  if(tabObj != null) {
    var i,j;
    var intSpan;
    var strTemp;
    for(var m = 0; m <colIndex; m++ ){
     for(i = 0; i < tabObj.rows.length; i++) {
       intSpan = 1;
       strTemp = tabObj.rows[i].cells[m].innerText;
       for(j = i + 1; j < tabObj.rows.length; j++) {
        if(strTemp == tabObj.rows[j].cells[m].innerText) {
          intSpan++;
          tabObj.rows[i].cells[m].rowSpan  = intSpan;
          tabObj.rows[j].cells[m].style.display = "none";
        } else {
          break;
        }
       }
   i = j - 1;
     }
    }
  }
  }
  
  
  function SpanGrid2(tabObj,colIndex) {
  if(tabObj != null) {
    var i,j;
    var intSpan;
    var strTemp;
    for(i = 0; i < tabObj.rows.length; i++) {
      intSpan = 1;
      strTemp = tabObj.rows[i].cells[m].innerText;
      for(j = i + 1; j < tabObj.rows.length; j++) {
       if(strTemp == tabObj.rows[j].cells[m].innerText) {
         intSpan++;
         tabObj.rows[i].cells[m].rowSpan  = intSpan;
         tabObj.rows[j].cells[m].style.display = "none";
       } else {
         break;
       }
      }
  i = j - 1;
    }
  }
  }
  
  </script>   
  </head>   
    
  <body>   
  <table   width="400"   border="1"   id="table1">   
      <tr>   
          <td>a</td>   
          <td>for</td>   
          <td>100</td>   
          <td>200</td>   
      </tr>   
      <tr>   
          <td>a</td>   
          <td>for</td>   
          <td>100</td>   
          <td>200</td>   
      </tr>   
      <tr>   
          <td>a</td>   
          <td>if</td>   
          <td>100</td>   
          <td>200</td>   
      </tr>   
      <tr>   
          <td>a</td>   
          <td>if</td>   
          <td>300</td>   
          <td>240</td>   
      </tr>   
      <tr>   
          <td>a</td>   
          <td>if</td>   
          <td>320</td>    
          <td>320</td>  
      </tr> 
  </table>   
  <br />   
  <input   type="button"   value="合并表格"   onClick="SpanGrid(table1,2)" />   
  </body>   
  </html>

提示：您可以先修改部分代码再运行

posted on 2009-06-18 13:05 末日风情阅读(394) 评论(0) 编辑收藏所属分类: javascript

新用户注册刷新评论列表


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理
相关文章: js获取浏览器各种属性。 js实现选择文件路径（限IE）合并单元格 JS中open()函数介绍 Onunload与Onbeforeunload 如何控制页面内容的加载顺序 event.srcElement javascript keycode大全 JS中confirm,alert,prompt函数拖拽例子

2009年6月

日

一

二

三

四

五

六

常用链接

留言簿(4)

随笔分类

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜