Rumah > hujung hadapan web > tutorial js > JS合并单元格、JavaScript单元格合并

JS合并单元格、JavaScript单元格合并

高洛峰
Lepaskan: 2016-11-25 14:09:56
asal
1527 orang telah melayarinya

  

    

    

  合并表格  

  <script>  </p> <p>  ///////////////////////////////////////////////  </p> <p>  //功能:合并表格  </p> <p>  //参数:tb-需要合并的表格ID  </p> <p>  //参数:colLength--需要对前几列进行合并,比如,  </p> <p>  //想合并前两列,后面的数据列忽略合并,colLength应为2  </p> <p>  //缺省表示对全部列合并  </p> <p>  //data:2011.11.06  </p> <p>  ///////////////////////////////////////////////  </p> <p>  function uniteTable(tb,colLength){  </p> <p>  //检查表格是否规整  </p> <p>  if(!checkTable(tb)) return;  </p> <p>    var i=0;  </p> <p>    var j=0;  </p> <p>    var rowCount=tb.rows.length; //行数  </p> <p>    var colCount=tb.rows[0].cells.length; //列数  </p> <p>    var obj1=null;  </p> <p>    var obj2=null;  </p> <p>    //为每个单元格命名  </p> <p>    for(i=0;i<rowCount;i++){ </p><p> for(j=0;j<colCount;j++){ </p><p> tb.rows[i].cells[j].id="tb__" + i.toString() + "_" + j.toString(); </p><p> } </p><p> } </p><p> //逐列检查合并 </p><p> for(i=0;i<colCount;i++){ </p><p> if(i==colLength) return; </p><p> obj1=document.getElementById("tb__0_"+i.toString()) </p><p> for(j=1;j<rowCount;j++){ </p><p> obj2=document.getElementById("tb__"+j.toString()+"_"+i.toString()); </p><p> if(obj1.innerText==obj2.innerText){ </p><p> obj1.rowSpan++; </p><p> obj2.parentNode.removeChild(obj2); </p><p> }else{ </p><p> obj1=document.getElementById("tb__"+j.toString()+"_"+i.toString()); </p><p> } </p><p> } </p><p> } </p><p> } </p><p> </p><p> ///////////////////////////////////////// </p><p> //功能:检查表格是否规整 </p><p> //参数:tb--需要检查的表格ID </p><p> //data: 2011.11.06 </p><p> ///////////////////////////////////////// </p><p> function checkTable(tb){ </p><p> if(tb.rows.length==0) return false; </p><p> if(tb.rows[0].cells.length==0) return false; </p><p> for(var i=0;i<tb.rows.length;i++){ </p><p> if(tb.rows[0].cells.length!=tb.rows[i].cells.length) return false; </p><p> } </p><p> return true; </p><p> } </p><p> </script>  

 

   

    

 

  

     

  

         

  

         

  

         

  

         

         

    

     

  

     

  

         

  

         

  

         

  

         

 

         

   

     

  

     

  

         

   www.2cto.com

         

  

         

  

         

 

         

 

     

  

     

  

         

  

         

  

         

  

         

 

         

 

      

  

     

  

         

  

         

  

         

  

         

         

  

     

  

 

a for 100 200 1
a for 100 300 2
a if 100 200 3
a if 300 230 4
a if 320 230 5
  

 
  

    

  、

 


Label berkaitan:
js
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan