<script language="javascript" type="text/javascript">
         function ShowDetail(object)
         {
            
           table=object.parentElement.parentElement.parentElement;
           if(table.rows(1).style.display=="none")
           {
             table.rows(1).style.display="block";
             object.innerText="-";
           }
           else
           {
              table.rows(1).style.display="none";
              object.innerText="+";
           }
         }
 function ShowTest(object)
     {
       var divs=document.getElementsByTagName("DIV");
         if(object.innerText=="+")
         {
            object.innerText="-";
            for(var i=0;i<divs.length;i++)
            {
                if(divs[i].id=="showMess")
                {
                   divs[i].innerText="-";
                   table=divs[i].parentElement.parentElement.parentElement;
                   table.rows(1).style.display="block";    
                }
            }
         }
         else
         {
            object.innerText="+";
            for(var i=0;i<divs.length;i++)
            {
              if(divs[i].id=="showMess")
                {
                   divs[i].innerText="+";
                   table=divs[i].parentElement.parentElement.parentElement;
                   table.rows(1).style.display="none";    
                }
            }
         }
     }
  </script>                                <table width="100%">
                                    <tr>
                                        <td align="center" style="width: 15%" colspan="2">
                                            <div style="cursor:hand" onclick="ShowTest(this)">
                                                +</div>
                                        </td>
                                        <td align="center" style="width: 100px">
                                            订单号</td>
                                        <td align="center" style="width: 100px">
                                            用户名</td>
                                        <td align="center" style="width: 100px">
                                            总价</td>
                                        <td align="center" style="width: 200px">
                                            订单日期</td>
                                    </tr>
                                </table>
                            </HeaderTemplate>
                            <ItemTemplate>
                                <table width="100%">
                                    <tr>
                                        <td align="center" style="width: 100px; height: 22px">
                                            <div id="showMess" style="cursor:hand" onclick="ShowDetail(this)">
                                                +</div>
                                        </td>
                                        <td align="center" style="width: 100px; height: 22px;">
                                            <%#Eval("Id") %>
                                        </td>
                                        <td align="center" style="width: 100px; height: 22px;">
                                            <%#Eval("User.Name") %>
                                        </td>
                                        <td align="center" style="width: 100px; height: 22px;">
                                            <%#Eval("TotalPrice") %>
                                        </td>
                                        <td align="center" style="width: 200px; height: 22px;">
                                            <%#Eval("OrderDate") %>
                                        </td>
                                    </tr>
                                    <tr style="display:none">
                                        <td colspan="5">
                                           详细内容                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
                    <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
                    <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                    <EditRowStyle BackColor="#7C6F57" />
                    <AlternatingRowStyle BackColor="White" />
                </asp:GridView>
               
            </td>
        </tr>看一下你能明白吗
原来做项目时用过的