Click here to Skip to main content
15,886,362 members
Search within:


Articles / Web Development / CSS
 
Article

How to Fixed GridView's Header and Footer when scrolling?

Rate me:
Please Sign up or sign in to vote.
3.38/5 (26 votes)
30 Oct 2007 256.4K   7.2K   62   21
Using CSS, Javascript to Fixed Gridview's Header and Footer

Screenshot - gvDemo.jpg

Introduction

This article is to show you how to Fix GridView's Header and Footer in a simple code with CSS and JavaScript.

Background

Understand CSS and JavaScript

Using the code

  1. Use the below 2 Css Classes for GridView Header and footer
    .GVFixedHeader { font-weight:bold; background-color: Green; position:relative; 
                 top:expression(this.parentNode.parentNode.parentNode.scrollTop-1);}
.GVFixedFooter { font-weight:bold; background-color: Green; position:relative;
                 bottom:expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode));}
  2. Use the below JavaScript to compute Footer's Position 
    <script language="javascript" type="text/javascript">
        function getScrollBottom(p_oElem)
        {
         return p_oElem.scrollHeight - p_oElem.scrollTop - p_oElem.clientHeight;
        }
</script>
  3. Create GridView inside a Panle, Set Panle's property ScrollBars to "Auto", Gridview's HeaderStyle to "GVFixedHeader" and FooterStyle to "GVFixedFooter". 
    <asp:Panel runat="server" ID="pnlContainer" ScrollBars="Auto" Height="150px" Width="400">
    <asp:GridView ShowFooter="True" runat="server" Width="96%" ID="gvDemo" AutoGenerateColumns="False">
    <HeaderStyle CssClass="GVFixedHeader" />
    <FooterStyle CssClass="GVFixedFooter" />
        <Columns>
            <asp:TemplateField HeaderText="C1">
                <ItemTemplate>
                    <asp:Label ID="Label2" runat="server" Text='<%# Bind("C1") %>'></asp:Label>
                </ItemTemplate>
                <FooterTemplate>
                    C1 Footer Here
                </FooterTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="C2">
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# Bind("C2") %>'></asp:Label>
                </ItemTemplate>
                <FooterTemplate>
                    C2 Footer Here
                </FooterTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
   </asp:Panel>
  4. Code Behide: In the Page_Load function we Bind the data source to GridView. 
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
       Dim dt As New DataTable
       dt.Columns.Add("C1")
       dt.Columns.Add("C2")
       Dim drRow As DataRow
       For i As Integer = 0 To 10
           drRow = dt.NewRow
           drRow(0) = "C1" & i
           drRow(1) = "C2" & i
           dt.Rows.Add(drRow)
       Next
       Me.gvDemo.DataSource = dt
       Me.gvDemo.DataBind()
   End Sub
  5. Run the Page, you will see that the Header and Footer is fixed when you scrolling.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


Written By
fenglinzh
Web Developer
Singapore Singapore
My Website:
Hcj @ Singapore

Comments and Discussions

 
First Prev Next
GeneralMy vote of 2 Pin
hsakarp4-Sep-13 0:09
hsakarp4-Sep-13 0:09 
Questionhelp!!!, not working Pin
Member 91034651-Jul-12 20:12
Member 91034651-Jul-12 20:12 
Hi, i implemented this code, but it does not work.
i am running IE9.
i do not have a lot of web experience, but i did exactly as the article suggested.
here is my aspx code.
PLEASE HELP!!!

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PaymentAuth.aspx.cs" Inherits="KargoPaymentAuth.PaymentAuth" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Payment authorisation</title>
</head>
<form id="frmPaymentAuth" runat="server">
<body onload="setScrollPos('datadiv');">

<style type="text/css">
    .fixedHeader
    {                
        position:relative; 
        top:expression(this.parentNode.parentNode.parentNode.scrollTop-1);        
    }
</style>
<%--expression(Sys.UI.DomElement.getBounds(document.getElementById("datadiv")).y);--%>

<script language="javascript" type="text/javascript">

    function saveScrollPos(object) {
        document.getElementById('scrollPos').value = object.scrollTop;
    }

    function setScrollPos(elementId) {
        document.getElementById(elementId).scrollTop = document.getElementById('scrollPos').value;
    }

</script>
    <table>
        <tr>
            <p>Reports:</p>               
            <td style="border: 1px solid black;">                 
                    <asp:Label ID="lblReportFromDate" runat="server" Text='Report from date: '></asp:Label>
                    <asp:TextBox ID="txtReportFromDate" runat="server" Height="21px" Width="83px"></asp:TextBox>
                    <asp:CalendarExtender Format="dd/MM/yyyy" ID="extReportFromDate" runat="server" TargetControlID="txtReportFromDate" ></asp:CalendarExtender>                
                    <asp:Label ID="lblReportToDate" runat="server" Text='Report to date: '></asp:Label>
                    <asp:TextBox ID="txtReportToDate" runat="server" Height="21px" Width="83px"></asp:TextBox>
                    <asp:CalendarExtender Format="dd/MM/yyyy" ID="extReportToDate" runat="server" TargetControlID="txtReportToDate" ></asp:CalendarExtender>
                    
                    </br>
                    
                    <asp:Button ID="btnPaymentScheduleReport" runat="server"
                    Text="Payment schedule report" UseSubmitBehavior="False" 
                        onclick="btnPaymentScheduleReport_Click" Width="160px" /> 
                    <asp:Button ID="btnPaymentHistoryReport" runat="server"
                    Text="Payment history report" UseSubmitBehavior="False" 
                        onclick="btnPaymentHistoryReport_Click" Width="160px" />                                           
            </td>            
        </tr>        
        <tr>
            <td>                     
                    </br>               
                    <asp:Button ID="Button1" runat="server"
                    Text="Apply filter" OnClick="btnApplyFilter_Click" UseSubmitBehavior="False" /> 
                    <asp:Button ID="btnClearFilter" runat="server"
                    Text="Clear filter" OnClick="btnClearFilter_Click" UseSubmitBehavior="False" />   
            </td>
        </tr>
        <tr>
            <td>                        
                <input type="hidden" id="scrollPos" name="scrollPos" value="0" runat="server"/>                            

                <%--<div id ="datadiv" style="width: 1200px; height: 350px; overflow: auto" runat="server" onscroll="saveScrollPos(this);">--%>
                <asp:panel id ="datadiv" style="width: 1200px; height: 350px;" Scrollbars="Auto" runat="server" onscroll="saveScrollPos(this);">
<%--                <table>
                    <tr>
                        <td>

                        </td>
                    </tr>
                    <tr>
--%>                        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
                            AutoGenerateEditButton="True" CellPadding="4" ForeColor="#333333" OnRowCancelingEdit="GridView1_RowCancelingEdit"
                            OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" 
                            Font-Size="Medium" onrowdatabound="GridView1_RowDataBound" 
                            DataKeyNames="iRowNum">
                            <HeaderStyle CssClass="fixedHeader" />
                            <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                            <Columns>                               
                                <asp:BoundField DataField="iRowNum" HeaderText="Row number" 
                                    InsertVisible="False" ReadOnly="True" SortExpression="iRowNum" 
                                    Visible="False" ItemStyle-Width="20px">
                                    <ItemStyle Width="20px"></ItemStyle>
                                </asp:BoundField>
                                <asp:TemplateField HeaderText="Source company" SortExpression="sSourceAccpacCompany" ItemStyle-Width="50px">                                    
                                    <HeaderTemplate>
                                        <asp:Label ID="Label4" runat="server" Text="Source company"></asp:Label>
                                        <br />
                                        <asp:TextBox ID="txtSourceCompany" runat="server" Width="57px" Height="22px"></asp:TextBox>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="Label5" runat="server" Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sSourceAccpacCompany %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="50px"></ItemStyle>
                                </asp:TemplateField>
                                <asp:BoundField ItemStyle-Width="20px" DataField="sCBBankCode" 
                                    HeaderText="CB bank code" SortExpression="sCBBankCode"
                                    ReadOnly="True" >
                                    <ItemStyle Width="20px"></ItemStyle>
                                </asp:BoundField>
                                <asp:TemplateField HeaderText="Source ledger" 
                                    SortExpression="sPaymentTransactionSourceLedger" ItemStyle-Width="30px">                                    
                                    <HeaderTemplate>
                                        <asp:Label ID="Label6" runat="server" Text="Source ledger"></asp:Label>
                                        <br />
                                        <asp:TextBox ID="txtSourceLedger" runat="server" Width="30px" Height="22px"></asp:TextBox>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="Label7" runat="server" Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sPaymentTransactionSourceLedger %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="30px"></ItemStyle>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Account holder">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="txtAccountHolder" runat="server" Height="22px" Width="70px"></asp:TextBox>                                        
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblAccountHolder" runat="server" 
                                            Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sAccountHolder %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Bank">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="txtBank" runat="server" Height="22px" Width="70px"></asp:TextBox>                                        
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblBank" runat="server" 
                                            Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sBank %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Branch code">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="txtBranchCode" runat="server" Height="22px" Width="70px"></asp:TextBox>                                        
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblBranchCode" runat="server" 
                                            Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sBranchCode %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Account number">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="txtAccountNumber" runat="server" Height="22px" Width="70px"></asp:TextBox>                                        
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblAccountNumber" runat="server" 
                                            Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sAccountNumber %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Account type">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="txtAccountType" runat="server" Height="22px" Width="70px"></asp:TextBox>                                        
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblAccountType" runat="server" 
                                            Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sAccountType %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Swift code">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="txtSwiftCode" runat="server" Height="22px" Width="70px"></asp:TextBox>                                        
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblSwiftCode" runat="server" 
                                            Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sSwiftCode %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Reference">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="txtReference" runat="server" Height="22px" Width="70px"></asp:TextBox>                                        
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblReference" runat="server" 
                                            Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sReference %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Supplier code" SortExpression="sSupplierCode" ItemStyle-Width="50px">                                    
                                    <HeaderTemplate>
                                        <asp:Label ID="Label8" runat="server" Text="Supplier code"></asp:Label>
                                        <br />
                                        <asp:TextBox ID="txtSupplierCode" runat="server" Width="55px" Height="22px"></asp:TextBox>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="Label9" runat="server" Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sSupplierCode %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="50px"></ItemStyle>
                                </asp:TemplateField>
                                <asp:TemplateField ItemStyle-Width="220px" HeaderText="Supplier name" SortExpression="sSupplierName">                                    
                                    <HeaderTemplate>
                                        <asp:Label ID="Label10" runat="server" Text="Supplier name"></asp:Label>
                                        <br />
                                        <asp:TextBox ID="txtSupplierName" runat="server" Width="217px" Height="22px"></asp:TextBox>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="Label11" runat="server" Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sSupplierName %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="220px"></ItemStyle>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Payment ref no." SortExpression="sPaymentReferenceNo" ItemStyle-Width="70px">
                                    <HeaderTemplate>
                                        <asp:Label ID="Label18" runat="server" Text="Payment ref no."></asp:Label>
                                        <br />
                                        <asp:TextBox ID="txtPaymentRefNo" runat="server" Width="57px" Height="22px"></asp:TextBox>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="Label17" runat="server" Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sPaymentReferenceNo %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="70px"></ItemStyle>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Source tran date" SortExpression="dtSourceTransactionDate" ItemStyle-Width="60px">                                    
                                    <ItemTemplate>                                        
                                        <asp:Label ID="Label19" runat="server" Text='<%# FormatDate(((KargoPaymentAuth.cPaymentInfo)Container.DataItem).dtSourceTransactionDate) %>'></asp:Label>
                                    </ItemTemplate>
                                    <HeaderTemplate>
                                        <asp:Label ID="Label20" runat="server" Text="Source tran date"></asp:Label>
                                        <br />
                                        <asp:TextBox ID="txtSourceTranDate" runat="server" Width="67px" Height="22px"></asp:TextBox>
                                        <asp:CalendarExtender Format="dd/MM/yyyy" ID="CalendarExtender3" runat="server" TargetControlID="txtSourceTranDate" >
                                        </asp:CalendarExtender>
                                    </HeaderTemplate>
                                    <ItemStyle Width="60px"></ItemStyle>
                                </asp:TemplateField>
                                <asp:BoundField ItemStyle-HorizontalAlign="Right" 
                                    DataField="dTransactionAmount" HeaderText="Transaction amount" ReadOnly="True"
                                    SortExpression="dTransactionAmount" DataFormatString="{0:N2}" ItemStyle-Width="50px"  >
                                <ItemStyle HorizontalAlign="Right"></ItemStyle>
                                </asp:BoundField>
                                <asp:TemplateField HeaderText="Payment release amount" SortExpression="dPaymentReleaseAmount" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="txtPaymentReleaseAmount" runat="server" Height="22px" 
                                            Width="70px" ontextchanged="txtPaymentReleaseAmount_TextChanged"></asp:TextBox>                                        
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="Label2" runat="server" 
                                            Text='<%# FormatNumber(((KargoPaymentAuth.cPaymentInfo)Container.DataItem).dPaymentReleaseAmount) %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Right"></ItemStyle>
                                </asp:TemplateField>
                                <asp:BoundField DataField="dRemainingPaymentBalance" HeaderText="Remaining payment balance"
                                    ReadOnly="True" SortExpression="dRemainingPaymentBalance" 
                                    DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px">
                                    <ItemStyle HorizontalAlign="Right"></ItemStyle>
                                </asp:BoundField>
                                <asp:TemplateField HeaderText="Payment priority" SortExpression="sPaymentPriority" ItemStyle-Width="55px">
                                    <EditItemTemplate>
                                        <asp:DropDownList ID="DropDownList1" runat="server" Height="21px" Width="55px">
                                            <asp:ListItem Value="L">Low</asp:ListItem>
                                            <asp:ListItem Value="M">Medium</asp:ListItem>
                                            <asp:ListItem Value="H">High</asp:ListItem>
                                        </asp:DropDownList>
                                    </EditItemTemplate>
                                    <HeaderTemplate>
                                        <asp:Label ID="Label12" runat="server" Text="Payment priority"></asp:Label>
                                        <br />
                                        <asp:DropDownList ID="ddlPaymentPriority" runat="server" Height="22px" 
                                            Width="58px">
                                            <asp:ListItem Value="">All</asp:ListItem>
                                            <asp:ListItem Value="L">Low</asp:ListItem>
                                            <asp:ListItem Value="M">Medium</asp:ListItem>
                                            <asp:ListItem Value="H">High</asp:ListItem>
                                        </asp:DropDownList>
                                    </HeaderTemplate>
                                    <ItemTemplate>                                        
                                        <asp:Label ID="Label13" runat="server" Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sPaymentPriority %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="55px"></ItemStyle>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Payment release date" SortExpression="dtPaymentReleaseDate" ItemStyle-Width="60px">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="TextBox1" runat="server" Height="21px" Width="83px"></asp:TextBox>
                                        <asp:CalendarExtender Format="dd/MM/yyyy" ID="CalendarExtender1" runat="server" TargetControlID="TextBox1" ></asp:CalendarExtender>
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="Label14" runat="server" Text='<%# FormatDate(((KargoPaymentAuth.cPaymentInfo)Container.DataItem).dtPaymentReleaseDate) %>'></asp:Label>                                        
                                    </ItemTemplate>
                                    <HeaderTemplate>
                                        <asp:Label ID="Label21" runat="server" Text="Payment release date"></asp:Label>
                                        <br />
                                        <asp:TextBox ID="txtPaymentReleaseDate" runat="server" Width="70px" 
                                            Height="22px"></asp:TextBox>
                                        <asp:CalendarExtender Format="dd/MM/yyyy" ID="CalendarExtender2" runat="server" TargetControlID="txtPaymentReleaseDate" >
                                        </asp:CalendarExtender>
                                    </HeaderTemplate>
                                    <ItemStyle Width="60px"></ItemStyle>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Payment status" SortExpression="sPaymentStatus" ItemStyle-Width="90px">
                                    <EditItemTemplate>
                                        <asp:DropDownList ID="DropDownList2" runat="server" Height="20px" Width="103px" 
                                            AutoPostBack="True" onselectedindexchanged="DropDownList2_SelectedIndexChanged">
                                            <asp:ListItem Value="To be paid">To be paid</asp:ListItem>
                                            <asp:ListItem Value="Prepared">Prepared</asp:ListItem>
                                            <asp:ListItem Value="Approved">Approved</asp:ListItem>
                                            <asp:ListItem Value="Paid">Paid</asp:ListItem>
                                        </asp:DropDownList>
                                    </EditItemTemplate>
                                    <HeaderTemplate>
                                        <asp:Label ID="Label15" runat="server" Text="Payment status"></asp:Label>
                                        <br />
                                        <asp:DropDownList ID="ddlPaymentStatus" runat="server" Height="22px">
                                            <asp:ListItem Value="">All</asp:ListItem>
                                            <asp:ListItem Value="To be paid">To be paid</asp:ListItem>
                                            <asp:ListItem Value="Prepared">Prepared</asp:ListItem>
                                            <asp:ListItem Value="Approved">Approved</asp:ListItem>
                                            <asp:ListItem Value="Paid">Paid</asp:ListItem>
                                        </asp:DropDownList>
                                         <asp:Button ID="btnApplyDown" runat="server" onclick="btnApplyDown_Click" 
                                            Text="Apply down" Width="80px" UseSubmitBehavior="False" />
                                    </HeaderTemplate>
                                    <ItemTemplate>                                        
                                        <asp:Label ID="Label16" runat="server" Text='<%# ((KargoPaymentAuth.cPaymentInfo)Container.DataItem).sPaymentStatus %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="90px"></ItemStyle>
                                </asp:TemplateField>
                                <asp:BoundField DataField="iGroupedMonth" HeaderText="GroupedMonth" ReadOnly="True"
                                    SortExpression="iGroupedMonth" Visible="False" />
                                <asp:BoundField DataField="sCBUniquifier" HeaderText="CBUniquifier" ReadOnly="True"
                                    SortExpression="sCBUniquifier" Visible="False" />
                            </Columns>
                            <EditRowStyle BackColor="#99CCFF" BorderColor="Black" BorderStyle="Solid" 
                                ForeColor="#284775" Wrap="True" />
                            <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                            <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                            <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                            <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                            <SortedAscendingCellStyle BackColor="#E9E7E2" />
                            <SortedAscendingHeaderStyle BackColor="#506C8C" />
                            <SortedDescendingCellStyle BackColor="#FFFDF8" />
                            <SortedDescendingHeaderStyle BackColor="#6F8DAE" />
                        </asp:GridView>       
                    <%--</tr>             
                    </table>--%>                    
                 </asp:panel>   
                 <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
                    </asp:ToolkitScriptManager>              
            </td>
        </tr>
        <tr>
           <td>
                <asp:Button ID="btnSave" runat="server"
                    Text="Save" onclick="btnSave_Click" UseSubmitBehavior="False" />                
                <asp:Button ID="btnRefresh" runat="server"
                    Text="Refresh" OnClick="btnReset_Click" UseSubmitBehavior="False"/>
            </td>           
        </tr>
    </table>
</body>

</form>   
</html>
SuggestionShow footer at the bottom of the grid when there is less data Pin
MallyaC27-Mar-12 21:10
MallyaC27-Mar-12 21:10 
QuestionIts not work Pin
tzahiel22-Jan-12 3:57
tzahiel22-Jan-12 3:57 
GeneralMy vote of 5 Pin
cllamed21-Aug-11 15:37
cllamed21-Aug-11 15:37 
GeneralA Scrollable GridView with a Fixed Header in .NET Pin
elizas9-Feb-10 19:21
elizas9-Feb-10 19:21 
GeneralMy vote of 1 Pin
Himanshu Thawait3-Feb-10 16:11
Himanshu Thawait3-Feb-10 16:11 
GeneralMy vote of 1 Pin
Rajeev ARSD16-Dec-08 10:21
Rajeev ARSD16-Dec-08 10:21 
GeneralThis code not working in Mozilla firefox Pin
manomani23-Sep-08 2:41
manomani23-Sep-08 2:41 
GeneralPerfect Pin
Brian McQueen18-Sep-08 4:49
Brian McQueen18-Sep-08 4:49 
GeneralAlternate method: no resize bug Pin
kccougar6-Nov-07 5:04
kccougar6-Nov-07 5:04 
QuestionRe: Alternate method: no resize bug Pin
pbansal31-Dec-07 0:40
pbansal31-Dec-07 0:40 
GeneralRe: Alternate method: no resize bug Pin
kccougar31-Dec-07 3:17
kccougar31-Dec-07 3:17 
GeneralNice One Pin
Prakash.Ramamurthy1@wipro.com30-Oct-07 20:17
Prakash.Ramamurthy1@wipro.com30-Oct-07 20:17 
GeneralMissing source Pin
chitty229-Oct-07 22:09
chitty229-Oct-07 22:09 
AnswerRe: Missing source Pin
fenglinzh30-Oct-07 17:05
fenglinzh30-Oct-07 17:05 
GeneralOOPs!!! Pin
248912825-Oct-07 18:26
248912825-Oct-07 18:26 
QuestionThis method only works well with low amount of rows in your grid Pin
toprope9830-Oct-07 2:59
toprope9830-Oct-07 2:59 
AnswerRe: This method only works well with low amount of rows in your grid Pin
fenglinzh30-Oct-07 17:10
fenglinzh30-Oct-07 17:10 
GeneralRe: This method only works well with low amount of rows in your grid [modified] Pin
toprope9831-Oct-07 7:37
toprope9831-Oct-07 7:37 
Last Visit: 31-Dec-99 18:00     Last Update: 26-Apr-24 2:39Refresh1

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink
Advertise
Privacy
Cookies
Terms of Use
Layout: fixed | fluid

Posted 24 Oct 2007

Article Copyright 2007 by fenglinzh
Everything else Copyright © CodeProject, 1999-2024

Web02 2.8:2024-04-02:1