用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" onclick="Span(document.all.Dtg1,document.all.colsCount.value)">
<input type=button value="reset" onclick="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> </td><td> </td><td> </td><td>52.00</td><td> </td></tr>
</table></body>
