在有合并行的表格中设置隐藏行的问题

多套用表格
<script>
//展开
function ExpendTree(aImg,aRowIDs)
{
alert(aRowIDs);
for ( i = 0; i < aRowIDs.length; i++)
{
document.all.item(aRowIDs[i]).style.display = "none";
}

/* for ( i = 0; i < aRowIDs.length; i++)
{
document.all.item(aRowIDs[i]).style.display = "block";
}
*/ }
</script>
<table class="tbl" borderColor="#000000" cellSpacing="0" cellPadding="0" width="882" align="center" border="0">
<tr class="bt2">
<td width="18">　</td>
<td width="864"><table id="wct" cellspacing="0" cellpadding="1" rules="all" bordercolor="Black" border="1" style="border-color:Black;border-style:Solid;width:95%;border-collapse:collapse;">
<tr>
<td colspan="1" rowspan="1" style="background-color:#AF88A2;">电压等级(kV)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变电站数量(座)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器台数(台)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器容量(万千伏安)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">管理单位</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变电站数量(座)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器台数(台)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器容量(万千伏安)</td>

</tr><tr id="Row_1">
<td colspan="1" style="background-color:#F8EAFD;">10</td>
        <td colspan="1" style="background-color:#F8EAFD;">4</td>
        <td colspan="1" style="background-color:#F8EAFD;">2</td>
        <td colspan="1" style="background-color:#F8EAFD;">4000</td>
        <td colspan="4" style="background-color:#F8EAFD;">
        <table id="wct0" cellspacing="0" cellpadding="1" rules="all" bordercolor="Black"  width=100% height=100%>
<tr id="Row_6">
<td colspan="1" rowspan="1" style="background-color:#F8EAFD;"><IMG " src="images\pnode.gif" style="cursor:hand;" onclick ="ExpendTree(this,['Row_2'])">变电</td>
<td colspan="1" rowspan="1" style="background-color:#F8EAFD;">1</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">0</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">0</td>
</tr><tr id="Row_2">
<td colspan="1" rowspan="1" style="background-color:#FFEEEE;">&nbsp;&nbsp;&nbsp;&nbsp;<FONT  color="#0000ff">变电管理处</FONT></td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">1</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">0</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;"></td>
</tr><tr id="Row_3">
<td colspan="1" rowspan="1" style="background-color:#F8EAFD;"><IMG " src="images\pnode.gif" style="cursor:hand;" onclick ="ExpendTree(this,['Row_4','Row_5'])">远郊</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">3</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">2</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">4000</td>
</tr><tr id="Row_4">
<td colspan="1" rowspan="1" style="background-color:#FFEEEE;">&nbsp;&nbsp;&nbsp;&nbsp;<FONT  color="#0000ff">房山局</FONT></td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">1</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">2</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">4000</td>
</tr><tr id="Row_5">
<td colspan="1" rowspan="1" style="background-color:#F8EAFD;">&nbsp;&nbsp;&nbsp;&nbsp;<FONT  color="#0000ff">怀柔局</FONT></td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">2</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">1</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">1</td>
</tr>
</table></td>
</tr>
</table>

解决方案 »

  1.   

    <HTML>
    <HEAD><BODY>
    <script>
    //展开
    function ExpendTree(aImg,aRowIDs)
    {
    //alert(aRowIDs);
    for ( i = 0; i < aRowIDs.length; i++)
    {
    document.all.item(aRowIDs[i]).style.display = "none";
    }
    for(i = 2; i <= 5; i++)
    {
    }
    /* for ( i = 0; i < aRowIDs.length; i++)
    {
    document.all.item(aRowIDs[i]).style.display = "block";
    }
    */ }
    </script>
    <table class="tbl" borderColor="#000000" cellSpacing="0" cellPadding="0" width="98%" align="center" border="0">
    <tr class="bt2">
    <td width="20">&nbsp;</td>
    <td>
    <table id="wct" cellspacing="0" cellpadding="1" rules="all" bordercolor="Black" border="1" style="border-color:Black;border-style:Solid;width:95%;border-collapse:collapse;">
    <tr>
    <td colspan="1" rowspan="1" style="background-color:#AF88A2;">电压等级(kV)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变电站数量(座)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器台数(台)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器容量(万千伏安)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">管理单位</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变电站数量(座)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器台数(台)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器容量(万千伏安)</td>
    </tr>
    <tr id="Row_1">
    <td colspan="1" rowspan="6" style="background-color:#F8EAFD;">10</td><td colspan="1" rowspan="6" style="background-color:#F8EAFD;">4</td><td colspan="1" rowspan="6" style="background-color:#F8EAFD;">2</td><td colspan="1" rowspan="6" style="background-color:#F8EAFD;">4000</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;"><IMG " src="images\pnode.gif" style="cursor:hand;" onclick ="ExpendTree(this,['Row_2'])">变电</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">1</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">0</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">0</td>
    </tr>
    <tr id="Row_2">
    <td colspan="1" rowspan="1" style="background-color:#FFEEEE;">&nbsp;&nbsp;&nbsp;&nbsp;<FONT  color="#0000ff">变电管理处</FONT></td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">1</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">0</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;"></td>
    </tr>
    <tr id="Row_3">
    <td colspan="1" rowspan="1" style="background-color:#F8EAFD;"><IMG " src="images\pnode.gif" style="cursor:hand;" onclick ="ExpendTree(this,['Row_4','Row_5'])">远郊</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">3</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">2</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">4000</td>
    </tr>
    <tr id="Row_4">
    <td colspan="1" rowspan="1" style="background-color:#FFEEEE;">&nbsp;&nbsp;&nbsp;&nbsp;<FONT  color="#0000ff">房山局</FONT></td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">1</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">2</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">4000</td>
    </tr>
    <tr id="Row_5">
    <td colspan="1" rowspan="1" style="background-color:#F8EAFD;">&nbsp;&nbsp;&nbsp;&nbsp;<FONT  color="#0000ff">怀柔局</FONT></td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">2</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;"></td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;"></td>
    </tr>
    <tr id="Row_6">
    <td colspan="4" rowspan="1" style="background-color:#F8EAFD;"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table></BODY></HTML>搞定
      

  2.   

    <HTML>
    <HEAD><BODY>
    <script>
    //展开
    function ExpendTree(aImg,aRowIDs)
    {
    for ( i = 0; i < aRowIDs.length; i++)
    {
    document.all.item(aRowIDs[i]).style.display = "none";
    }
    }
    </script>
    <table class="tbl" borderColor="#000000" cellSpacing="0" cellPadding="0" width="98%" align="center" border="0">
    <tr class="bt2">
    <td width="20">&nbsp;</td>
    <td>
    <table id="wct" cellspacing="0" cellpadding="1" rules="all" bordercolor="Black" border="1" style="border-color:Black;border-style:Solid;width:95%;border-collapse:collapse;">
    <tr>
    <td colspan="1" rowspan="1" style="background-color:#AF88A2;">电压等级(kV)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变电站数量(座)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器台数(台)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器容量(万千伏安)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">管理单位</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变电站数量(座)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器台数(台)</td><td colspan="1" rowspan="1" style="background-color:#AF88A2;">变压器容量(万千伏安)</td>
    </tr>
    <tr id="Row_1">
    <td colspan="1" rowspan="6" style="background-color:#F8EAFD;">10</td><td colspan="1" rowspan="6" style="background-color:#F8EAFD;">4</td><td colspan="1" rowspan="6" style="background-color:#F8EAFD;">2</td><td colspan="1" rowspan="6" style="background-color:#F8EAFD;">4000</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;"><IMG " src="images\pnode.gif" style="cursor:hand;" onclick ="ExpendTree(this,['Row_2'])">变电</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">1</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">0</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">0</td>
    </tr>
    <tr id="Row_2">
    <td colspan="1" rowspan="1" style="background-color:#FFEEEE;">&nbsp;&nbsp;&nbsp;&nbsp;<FONT  color="#0000ff">变电管理处</FONT></td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">1</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">0</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;"></td>
    </tr>
    <tr id="Row_3">
    <td colspan="1" rowspan="1" style="background-color:#F8EAFD;"><IMG " src="images\pnode.gif" style="cursor:hand;" onclick ="ExpendTree(this,['Row_4','Row_5'])">远郊</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">3</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">2</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">4000</td>
    </tr>
    <tr id="Row_4">
    <td colspan="1" rowspan="1" style="background-color:#FFEEEE;">&nbsp;&nbsp;&nbsp;&nbsp;<FONT  color="#0000ff">房山局</FONT></td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">1</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">2</td><td colspan="1" rowspan="1" style="background-color:#FFEEEE;">4000</td>
    </tr>
    <tr id="Row_5">
    <td colspan="1" rowspan="1" style="background-color:#F8EAFD;">&nbsp;&nbsp;&nbsp;&nbsp;<FONT  color="#0000ff">怀柔局</FONT></td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;">2</td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;"></td><td colspan="1" rowspan="1" style="background-color:#F8EAFD;"></td>
    </tr>
    <tr id="Row_6">
    <td colspan="4" rowspan="1" style="background-color:#F8EAFD;"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table></BODY>
    </HTML>有些多余的可以去掉
      

  3.   

    to fason(阿信):
       不套用表格能做吗？因为表格出来的样式就是这样，已经由程序定了。使用js控制能实现吗？to  zhfkiller(杀手) 
       不能删最后一行？！我只是隐藏也不可以？！
      

  4.   

    to  zhfkiller(杀手) 
       你是在最后增加了一个空行吗？这倒是个办法。
       可是最后一行的表格线变宽了，能用js来处理吗？