asp.netのグリッドビューの静的ヘッダー

Question

私はグリッドビューを持っています。オーバーフロー=スクロールのスタイルを持たない固定ヘッダーが必要です。つまり、それらがより多くのレコードをグリッドビューscroll.default.nowでどのように私は固定ヘッダーを表示することができます。

これは私のグリッドビューです。

  <asp:GridView ID="gvStd" runat="server" DataKeyNames ="ID" AutoGenerateColumns="False" OnRowDataBound="gvStd_RowDataBound" 
      CssClass="table" EnableViewState="False" EmptyDataText="Such Not Found!" 
      CellPadding="4" ForeColor="#333333" GridLines="None" OnRowCommand ="gvStd_RowCommand" BorderStyle="None" > 
      <RowStyle BackColor="#FFFBD6" ForeColor="#333333" CssClass="HeaderFreez"/> 


      <Columns> 

       <asp:TemplateField HeaderText="School Code" > 

        <ItemTemplate> 
         <asp:Label ID="lblSchoolCode" runat="server" 
      Text='<%# Bind("SCHOOL_CODE")%>' /> 
          <asp:TextBox ID="ID_TO_Update_All" 
       runat="server" Text='<%# Bind("ID")%>' Visible="false" /> 
        </ItemTemplate> 

       </asp:TemplateField> 
       <asp:TemplateField HeaderText="Class"> 
        <ItemTemplate> 
         <asp:Label ID="lblClass" runat="server" Text='<%# 
       Bind("CLASS") %>' Visible="true"/> 

        </ItemTemplate> 
       </asp:TemplateField> 
       <asp:TemplateField HeaderText="Sec"> 

        <ItemTemplate> 
         <asp:Label ID="lblSection" runat="server" Text='<%# 
      Bind("SECTION") %>' Visible="true"/> 

        </ItemTemplate> 
       </asp:TemplateField> 
    </Columns> 
      <FooterStyle BackColor="#990000" Font-Bold="True" 
     ForeColor="White" /> 
      <PagerStyle BackColor="#FFCC66" ForeColor="#333333" 
     HorizontalAlign="Center" /> 
      <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" 
     ForeColor="Navy" /> 
      <HeaderStyle BackColor="#00ba8b" Font-Bold="True" 
      ForeColor="White" /> 
      <AlternatingRowStyle BackColor="White" /> 
     </asp:GridView> 

Answer 1

次の手順に従います。

1. は、あなたのヘッダテンプレートにHeaderStyle-Width="80px" ItemStyle-Width="80px"を追加します。
2. 最初の行が入った場合は最後に、あなたのGridViewのタグは、この

   <asp:GridView ID="gvStd" runat="server" style="height:400px; 
   overflow:auto" HeaderStyle-CssClass="FixedHeader" HeaderStyle-BackColor="YellowGreen" 
   AutoGenerateColumns="false" AlternatingRowStyle-BackColor="WhiteSmoke" 
   OnRowDataBound="gvStd_RowDataBound"> 
   

3. ようにする必要がありますページのどこかに

   <style type="text/css"> 
       .FixedHeader { 
       position: absolute; 
       font-weight: bold; 
   }  
   </style> 
   

4. を以下のCSSを追加し、グリッドにstyle="height:400px; overflow:auto"

5. これを追加このコードを追加してみてください：

Answer 2

スクロールせずにページ番号を付けたい場合、グリッドビューのヘッダーは静的になります。

<asp:GridView ID="gvStd" runat="server" AllowPaging="true" PageSize="10" ...> 

私は10行/ページを使用しています。 PageSize = "**"で変更できます