posts - 104, comments - 34, trackbacks - 0

<html>   
  <head>   
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312" />   
  <title>合并表格</title>   
  <script>   
  ///////////////////////////////////////////////   
  //   功能：合并表格   
  //   參數(shù)：tb－－需要合并的表格ID   
  //   參數(shù)：colLength－－需要對前幾列進行合并，比如，   
  //   想合并前兩列，后面的數(shù)據(jù)列忽略合并，colLength應(yīng)為2   
  //   缺省表示對全部列合并   
  //   data:   2005.11.6   
  ///////////////////////////////////////////////   
  function   uniteTable(tb,colLength){   
   //   檢查表格是否規(guī)整   
 if   (!checkTable(tb))   return;   
 var   i=0;   
 var   j=0;   
 var   rowCount=tb.rows.length; //   行數(shù)   
 var   colCount=tb.rows[0].cells.length; //   列數(shù)   
 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());   
     }   
    }   
   }   
  }   
    
  /////////////////////////////////////////   
  //   功能：檢查表格是否規(guī)整   
  //   參數(shù)：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 末日風情閱讀(408) 評論(0) 編輯收藏所屬分類: javascript

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: js獲取瀏覽器各種屬性。 js實現(xiàn)選擇文件路徑（限IE）合并單元格 JS中open()函數(shù)介紹 Onunload與Onbeforeunload 如何控制頁面內(nèi)容的加載順序 event.srcElement javascript keycode大全 JS中confirm,alert,prompt函數(shù) 拖拽例子

<

2009年6月

>

日

一

二

三

四

五

六

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

常用鏈接

留言簿(4)

隨筆分類

隨筆檔案

搜索

最新評論

閱讀排行榜

評論排行榜