在HTML顶部以弹出/形式显示表格

问题描述

| 我的数据列表中有一个链接

<a href=\"#\" onclick=\"showHideDesc(this); return false;\"  class=\"prod_details\">details</a>
             <table style=\"display: none; background-color:AntiqueWhite; border-color:Black;
                     direction:rtl;\" class=\"MyTable\">
                  <tr>    
                     <td>
                       <asp:Label ID=\"lblShowHide\" runat=\"server\" 
                        Text=\'<%#DataBinder.Eval(Container.DataItem,\"Description\")%>\'></asp:Label>
                     </td> 
                  </tr>   
             </table>  

单击链接后，我将通过以下功能显示与该链接相关的关联表：

    <script type=\"text/javascript\" language=\"javascript\">
  function showHideDesc(link)
   {
     var table = link.parentNode.getElementsByTagName(\"TABLE\")[0];
       if (table.style.display == \"none\")
         {
           table.style.display = \"\";
           link.innerHTML = \"details\";
         }     
       else 
         {         
           table.style.display = \"none\";         
           link.innerHTML = \"details\";     
         } 
   }

 </script>

到现在为止一切正常，但问题在于，我要显示的描述为10-15行，并且由于数据列表中的其他记录而隐藏了该表。我需要在每个HTML的顶部显示它。一些弹出式的东西。 请帮忙     

解决方法

        要在其他HTML内容上方显示表格，应使用the2ѭCSS属性。这样可以对您的内容进行某种分层。 看看http://w3schools.com/css/css_positioning.asp了解更多信息