一个简单的js合并列的例子,大家可以自己改进哦!

论坛 期权论坛 脚本     
匿名技术用户   2020-12-28 03:32   11   0
<html>
 <head>
  <title>单元格合并</title>
  <script>
   var main = 1;//参照列 从0开始
   var td = [2,3];//根据参照列合并的列 从0开始
   window.οnlοad=function()
   {
    var table = document.getElementById("tab"); 
    var name=""; 
    for(var i=0,j=0;i <table.rows.length;i++,j++) 
    {
     if(name==table.rows[i].cells[main].innerHTML) 
     {
      table.rows[i].deleteCell(main);
      for(var h=0;h<td.length;h++)
      {
       table.rows[i].deleteCell(td[i]);
      }
     }
     else
     {
      name=table.rows[i].cells[main].innerHTML; 
      if(i>0)
      {
       table.rows[i-j].cells[main].rowSpan=j; 
       for(var h=0;h<td.length;h++)
       {
        table.rows[i-j].cells[td[h]].rowSpan=j; 
       }
      }
      j=0; 
     }
    }
   }
  </script>
 </head>
<body>
<table border="1" id="tab">
 <tr>
  <td>编号</td>
  <td>姓名</td>
  <td>性别</td>
  <td>年龄</td>
  <td>科目</td>
  <td>分数</td>
 </tr>
 <tr>
  <td>1</td>
  <td>高高</td>
  <td>男</td>
  <td>12</td>
  <td>数学</td>
  <td>100</td>
 </tr>
 <tr>
  <td>2</td>
  <td>高高</td>
  <td>男</td>
  <td>12</td>
  <td>语文</td>
  <td>90</td>
 </tr>
 <tr>
  <td>3</td>
  <td>王帅</td>
  <td>男</td>
  <td>23</td>
  <td>物理</td>
  <td>0</td>
 </tr>
</table>
</body>
</html>


分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP