在ASP.NET中凍結GridView標題？

Question

我的GridView與15歲及以上的列， 我需要使用下面的CSS凍結GridView的頭：電網滾動

.container 
     { 
      overflow: auto; 
     } 
     /* Keep the header cells positioned as we scroll */ 
     .container table th 
     { 
      position: relative; 
     } 
     /* For alignment of the scroll bar */ 
     .container table tbody 
     { 
      overflow-x: hidden; 
     } 

身體很好，但， 我的gridview的頭不滾動Y上軸。

我的網格視圖代碼如下。

<asp:gridview id="RadGrid1" runat="server" borderstyle="None" borderwidth="1px" 
    gridlines="Both" autogeneratecolumns="true" onrowcommand="OnSelectedChanged" 
    rowstyle-wrap="false" rowstyle-cssclass="container" 
    onrowdatabound="RadGrid1_RowDataBound" datakeynames="DocID,DocumentName"> 
     <headerstyle cssclass="container" backcolor="LightBlue" wrap="false"  
      horizontalalign="Center" verticalalign="Middle" /> 
     <selectedrowstyle backcolor="Red" wrap="false" /> 
     <columns> 
     <asp:TemplateField> 
      <HeaderTemplate> 
       <input id="chkAll" onclick="javascript:SelectAllCheckboxes(this);" 
        runat="server" type="checkbox" /> 
      </HeaderTemplate> 
      <ItemTemplate> 
       <asp:CheckBox ID="chkSelect" runat="server" /> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:ButtonField ButtonType="Link" HeaderText="View" Text="View" CommandName="view" /> 
     <asp:ButtonField ButtonType="Link" HeaderText="Activity" Text="Activity" CommandName="activity" /> 
     </columns> 
</asp:gridview> 

Answer 1

文章：Grid View with fixed header

For the gridview to freez the header

div#gridPanel 
{ 
    width:900px; 
    overflow:scroll; 
    position:relative; 
} 


div#gridPanel th 
{ 
    top: expression(document.getElementById("gridPanel").scrollTop-2); 
left:expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); 
    position: relative; 
    z-index: 20; 
} 


<asp:Panel ID="gridPanel" runat="server" Height="200px" Width="100px" ScrollBars="Auto"> 
    asp.net grid view