Gridview Scrolling(gridview fixed header ) : The Official Microsoft ASP.NET Forums

Reply

sriramabi

Contributor

4351 Points

1277 Posts

Gridview Scrolling(gridview fixed header )

Apr 24, 2012 04:37 PM|LINK

Hai

i have one code is gridview fixed header scrolling.But its not working..

   <div id="div1" runat="server" style="overflow: scroll; width: 100%; height: 200px;">
                        <asp:GridView ID="gvwScoredetails" Width="100%" HeaderStyle-BackColor="#556B2F" ShowHeader="false"
                            AutoGenerateColumns="false" GridLines="Horizontal" runat="server" OnRowCommand="gvwScoredetails_RowCommand"
                            OnRowDeleting="gvwScoredetails_RowDeleting">
                            <AlternatingRowStyle BackColor="White" />
                            <HeaderStyle CssClass="grid-header"></HeaderStyle>
                            <Columns>
                                <asp:TemplateField ItemStyle-Width="125px" ItemStyle-HorizontalAlign="Center" HeaderStyle-ForeColor="White"
                                    HeaderText="Date">
                                    <ItemTemplate>
                                        <asp:Label ID="Label13" runat="server" Text='<%# Eval("MatchDate","{0:dd/MM/yyyy}") %>'>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField ItemStyle-Width="133px" HeaderStyle-ForeColor="White" HeaderText="TeamName">
                                    <ItemTemplate>
                                        <asp:Label ID="Label14" runat="server" Text='<%# Eval("TeamName") %>'></asp:Label>
                                        <asp:Label ID="lblMatchId" runat="server" Visible="false" Text='<%# Eval("MatchId") %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField ItemStyle-Width="180px" HeaderStyle-ForeColor="White" HeaderText="PlayerName">
                                    <ItemTemplate>
                                        <asp:Label ID="Label15" runat="server" Text='<%# Eval("PlayerName") %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField ItemStyle-Width="80px" ItemStyle-HorizontalAlign="Center" HeaderStyle-ForeColor="White"
                                    HeaderText="Scores">
                                    <ItemTemplate>
                                        <asp:Label ID="Label16" runat="server" Text='<%# Eval("TeamOneScore") %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField ItemStyle-Width="30px" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Left"
                                    HeaderText="Edit">
                                    <ItemTemplate>
                                        <asp:ImageButton ID="imgEdite" CommandName="Edit" Visible='<%# Eval("UserId").ToString() == Eval("LoginUserId").ToString() ? true : false %>'
                                            runat="server" CommandArgument='<%#Eval("MatchId") %>' PostBackUrl='<%# "~/EditScore.aspx ?Matchid=" + Eval("MatchId") %>'
                                            ImageUrl="~/Images/Editicon.jpg" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField ItemStyle-Width="30px" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Left"
                                    HeaderText="Edit">
                                    <ItemTemplate>
                                        <asp:ImageButton ID="imgDelete" CommandName="Delete" Visible='<%# Page.User.Identity.IsAuthenticated && Page.User.IsInRole("Administrators") %>'
                                            runat="server" CommandArgument='<%#Eval("MatchId") %>' OnClientClick="if (confirm('Are you sure you want to delete this match?') == false) return false;"
                                            ImageUrl="~/Images/Deleteicon.jpg" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                            <EditRowStyle BackColor="#7C6F57" />
                            <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
                            <RowStyle BackColor="#E3EAEB" />
                            <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
                        </asp:GridView>
                    </div>

and my css is

.grid-header
        {
            font-weight: bold;
            font-family: Verdana;
            font-size: 11px;
            background-color: #556B2F;
            text-decoration: underline;
            color: White;
            text-align: left;
            position: relative;
            top: expression(this.parentNode.parentNode.parentNode.scrollTop-2);
            left: expression(this.parentNode.parentNode.parentNode.scrollLeft-1);
            right: 1px;
        }

and i search and apply more gridview fixed header scrolling .But not solved..pls give me any sample and surly woring code..

thank u