用js实现竖向合并表格

<script>
 function Span(obj,x2)
 {
    var head=new Array(x2);
    var rows=obj.rows.length;
if(rows>3){
    var cols=obj.rows[0].cells.length;
    for(j=0;j<=x2;j++)
    {
      head[j]=obj.rows[1].cells[j].innerText;
    }        
    for(i=2;i<rows-1;i++)
   {
      var flag=0;
      for(j=0;j<=x2;j++)
      {
        if(head[j]==obj.rows[i].cells[j].innerText && flag==0)
        {
          obj.rows[i].cells[j].innerText="";
        }
         else
         {
           flag=1;
           head[j]=obj.rows[i].cells[j].innerText;
           //continue;
         }
      } 
   }
     for(j=x2;j>=0;j--)
    {
       var cell=obj.rows[1].cells[j];
       var span=1;
       for(i=2;i<rows-1;i++)
      {
        if(obj.rows[i].cells[j].innerText=="")
        {
          span++;
          obj.rows[i].deleteCell(j);
          cell.rowSpan=span;
        }
         else
         {
           cell=obj.rows[i].cells[j];
           span=1;
         }
      }
    }
}
 }

  </script>
<body >
<input id=colsCount value=1>
<input type=button value="He Bing" οnclick="Span(document.all.Dtg1,document.all.colsCount.value)">
<input type=button value="reset" οnclick="location.reload()">
<br>
<table border=1 id=Dtg1>
<tr  style="color:White;background-color:#000084;font-weight:bold;">
<td>Type</td><td  >Address</td><td  >Item</td><td  >Operation</td><td  >Expense</td><td  >Operation date</td></tr>
<tr><td>二氧化碳滅火器</td><td>125號四樓</td><td>1具</td><td>使用</td><td>2.00</td><td>2006-04-29</td></tr>
<tr><td>二氧化碳滅火器</td><td>一樓RTV</td><td>3具</td><td>使用</td><td>2.00</td><td>2006-05-02</td></tr>
<tr><td>二氧化碳滅火器</td><td>一樓RTV</td><td>3具</td><td>使用</td><td>2.00</td><td>2006-05-02</td></tr>
<tr><td>二氧化碳滅火器</td><td>一樓RTV</td><td>3具</td><td>使用</td><td>2.00</td><td>2006-04-29</td></tr>
<tr><td>二氧化碳滅火器</td><td>一樓辦公室</td><td>5具</td><td>使用</td><td>4.00</td><td>2006-04-27</td></tr>
<tr><td>二氧化碳滅火器</td><td>二樓庫房</td><td>7具</td><td>檢查</td><td>5.00</td><td>2006-05-03</td></tr>
<tr><td>二氧化碳滅火器</td><td>二樓庫房</td><td>7具</td><td>更換</td><td>5.00</td><td>2006-05-03</td></tr>
<tr><td>二氧化碳滅火器</td><td>二樓庫房</td><td>7具</td><td>維護</td><td>5.00</td><td>2006-05-02</td></tr>
<tr><td>幹粉滅火器</td><td>125號四樓</td><td>1具</td><td>使用</td><td>3.00</td><td>2006-04-29</td></tr>
<tr><td>幹粉滅火器</td><td>一樓RTV</td><td>2具</td><td>使用</td><td>4.00</td><td>2006-05-01</td></tr>
<tr><td>幹粉滅火器</td><td>一樓RTV</td><td>2具</td><td>維護</td><td>2.00</td><td>2006-04-30</td></tr>
<tr><td>幹粉滅火器</td><td>一樓RTV</td><td>2具</td><td>使用</td><td>4.00</td><td>2006-04-30</td></tr>
<tr><td>幹粉滅火器</td><td>一樓RTV</td><td>2具</td><td>檢查</td><td>2.00</td><td>2006-04-29</td></tr>
<tr><td>幹粉滅火器</td><td>二樓維修區</td><td>4具</td><td>維護</td><td>5.00</td><td>2006-04-30</td></tr>
<tr><td>幹粉滅火器</td><td>二樓維修區</td><td>4具</td><td>使用</td><td>5.00</td><td>2006-04-29</td></tr>
<tr><td>TTL</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>52.00</td><td>&nbsp;</td></tr>
</table></body>

转载于:https://www.cnblogs.com/shaofh/archive/2006/05/24/408224.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值