客户端如何控制datagrid隐藏不同行？

根据自己的需求代码如下：
——————————————————————————
<HTML>
<HEAD>
<title>title</title>
</HEAD>
<body vLink="#000080" aLink="#0000ff" link="#000080" leftMargin="0" topMargin="0" marginwidth="0" marginheight="0">
<table cellpadding="0" cellspacing="0" width="307" ID="Table1" style="WIDTH: 307px; HEIGHT: 240px">
<tr>
<form name="wfMain" method="post" id="wfMain">
<tr>
<td valign="top">
<br>
<table cellspacing="0" cellpadding="3" rules="all" bordercolor="dimgray" border="1" id="dgScrambler" align=center>

<tr>
<td title="Click here to Expand or Collapse" onclick="javascript:togLay('1');return false"
<a><IMG src="minus.gif" name="imglay1"></A></td>
<td>10</td>
</tr>
<tr id="lay1">
<td ><FONT face="宋体"></FONT></td>
<td>11</td>
</tr>
<tr id="lay1">
<td ></td>
<td>12</td>
</tr>
</table>
</td>
</tr>
</form>
</tr>
</table>
<script language="javascript">
    var isIE = document.all ? 1 : 0;
    var showModes   = new Array();
    showModes['TABLE'] = isIE ? 'block' : 'table';
    showModes['TR']    = isIE ? 'block' : 'table-row';
    showModes['TD']    = isIE ? 'block' : 'table-cell';
    var subNames = new Array();
    var layNames = new Array();
    
    function togEls(id)
    {
els=document.getElementsByName(id);
for(j = 0; j < els.length; j++)
{
showMode=showModes[els[j].tagName];
mode=(els[j].style.display=='none')?showMode:'none';
els[j].style.display=mode;
}
    }
    
    function togImg(id)
    {
img=document.images['img'+id];
img.src=(img.src.indexOf('plus.gif')!=-1)?'minus.gif':'plus.gif';
    }
    
    function togLay(id)
    {
togEls('lay'+id);
togImg('lay'+id);
    }
</script>
</body>
</HTML>