En-Tête fixe Affichage de la Grille ASP.NET

J'ai traversé beaucoup d'exemples pour l'en-tête fixe affichage de la grille, et j'ai essayé quelques options à l'aide de div et les scripts java. celui que j'ai didnot de travail à partir de l'exemple, que je m'ennuie ici.

 CSS 
.gridViewHeader
{
     background-color:Navy;
    color:blue;
    font-size:12px;
    font-weight:bold;
    position:relative;
    z-index:10;
   top:expression(<%= gv.HeaderRow %>.offsetParent.scrollTop-2);
}

design source
<table>
<tr>
            <td>
                &nbsp;
            </td>
        </tr>
    </table>
    <div>
        <asp:GridView ID="gv" runat="server" CellPadding="4" PageSize="50" RowHeaderColumn="True"
            AllowPaging="True" BackColor="White" BorderColor="#3366CC" BorderStyle="None"
            BorderWidth="1px" CssClass="gridViewHeader">
            <PagerSettings Mode="NumericFirstLast" />
            <PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left" VerticalAlign="Middle" />
            <RowStyle BackColor="White" ForeColor="#003399" BorderStyle="Inset" HorizontalAlign="Center"
                VerticalAlign="Middle" Wrap="False" />
            <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
        </asp:GridView>
    </div>
        <asp:HiddenField ID="hiddenfield1" runat="server"  />
    </asp:Content>

OriginalL'auteur Fun Living | 2012-08-28

  1. 1

    vous pouvez utiliser 

    <HeaderStyle CssClass="gridViewHeader" />

    Pour votre échantillon

    <asp:GridView ID="gv" runat="server" CellPadding="4" PageSize="50" RowHeaderColumn="True"
            AllowPaging="True" BackColor="White" BorderColor="#3366CC" BorderStyle="None"
            BorderWidth="1px" >

            <HeaderStyle CssClass="gridViewHeader" />

            <PagerSettings Mode="NumericFirstLast" />
            <PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left" VerticalAlign="Middle" />
            <RowStyle BackColor="White" ForeColor="#003399" BorderStyle="Inset" HorizontalAlign="Center"
                VerticalAlign="Middle" Wrap="False" />
            <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
        </asp:GridView>
    merci Candie pour votre ans, j'ai essayé cette option, mais l'en-tête se déplace également jusqu'à pas fixe
    je suis heureux de vous aider, mais j'ai dans ce cas, je pense que vous avez un problème avec votre css, parce que <HeaderStyle CssClass="gridViewHeader" /> est la bonne réponse
    c'est celle que j'ai essayé forums.asp.net/t/1125500.aspx

    OriginalL'auteur Aghilas Yakoub

  2. 1

    Cette CSS va résoudre votre problème:

    .GVFixedHeader { font-weight:bold; background-color: Green; position:relative; 
             top:expression(this.parentNode.parentNode.parentNode.scrollTop-1);}
    j'ai essayé cette option, mais l'en-tête se déplace aussi, il gèle les <table> juste au-dessus de l'affichage de la grille <div>
    de quoi explorer que vous utilisez ? dans le cas de l'en-tête est en mouvement, puis enlever le haut:l'expression et l'utilisation .GVFixedHeader { font-weight:bold; background-color: Green; position:relative; }

    OriginalL'auteur Chaitali

  3. 0

    Je viens de faire cette chose très. J'ai utilisé cet article comme une référence.

    http://csharpdotnetfreak.blogspot.com/2009/07/scrollable-gridview-fixed-headers-asp.html

    L'astuce consiste à créer une table, puis placez la grille à l'intérieur d'une div juste en dessous de la table. Définir la largeur des cellules de détail de la même largeur que les cellules dans le contrôle gridview. Ensuite, assurez-vous que la barre de défilement reste sur et puis la grille et le tableau s'alignent dans le cas il n'y a pas assez de lignes pour réellement besoin de la fonction de défilement.

    bonjour, cette option donne mismacth dans la largeur de l'en-tête de rangée et de détails. les en-têtes et les colonnes sont créées dynamiquement. les en-têtes et des colonnes de détail ne sont pas alignés correctement
    à droite, vous devez définir la largeur de chaque résultat dans le contrôle gridview afin de le faire coïncider properley.

    OriginalL'auteur briskovich