ASP.Net Datagrid - Scrolls and Sorts on Headers - Can I fix the Header as Well?

The title pretty much says it all. I just want the headers to stay put while I'm scrolling through the data. The existing code is below.

Thanks!!
<div style= "height:300px; overflow:auto;">           	     
	        <asp:GridView ID="GridView1" DataSourceID="SqlDataSource1" runat="server" DataKeyNames="Sequence"
            ForeColor="Black" ShowFooter="True" CellPadding="5"                  
            BackColor="White" BorderWidth="1px" BorderStyle="None" BorderColor="#CCCCCC" 
                 Height="135px" AllowSorting="True" AutoGenerateColumns="False">
                <Columns>
                    <asp:BoundField DataField="Dept" HeaderText="Department" ReadOnly="True"
                        SortExpression="Dept" />
                    <asp:BoundField DataField="DeptNum" HeaderText="Dept #" SortExpression="DeptNum" />
                    <asp:BoundField DataField="ZoneMgr" HeaderText="Zone Mgr" ReadOnly="True"
                        SortExpression="ZoneMgr" />
                    <asp:BoundField DataField="Phone" HeaderText="Phone" ReadOnly="True" 
                        SortExpression="Phone" />
                    <asp:BoundField DataField="Email" HeaderText="Email" ReadOnly="True" 
                        SortExpression="Email" />
                    <asp:BoundField DataField="BackupZM" HeaderText="Backup Zone Mgr" ReadOnly="True" 
                        SortExpression="BackupZM" />
                    <asp:BoundField DataField="BackupPhone" HeaderText="Backup Phone" ReadOnly="True" 
                        SortExpression="Backup Phone" />
                    <asp:BoundField DataField="BackupEmail" HeaderText="Backup Email" ReadOnly="True" SortExpression="BackupEmail" />
                 </Columns>
            <HeaderStyle Font-Bold="true" Wrap="false" ForeColor="White" BackColor="#333333" /> 
            <FooterStyle Font-Bold="true" Wrap="false" ForeColor="White" BackColor="#333333" />                
            <AlternatingRowStyle Font-Bold="True" Wrap="False" ForeColor="black" BackColor="#CCCC99"></AlternatingRowStyle>
            </asp:GridView>
   </div> <!-- end gridview-container -->             
	        <asp:SqlDataSource ID="SqlDataSource1" runat="server"
	            SelectCommand="SELECT * FROM [ZMDeptsList]"
                ConnectionString="<%$ ConnectionStrings:MyConnection %>"                  
                DataSourceMode="DataSet">
             </asp:SqlDataSource>

Open in new window

LVL 1
JB4375Asked:
Who is Participating?
 
JB4375Author Commented:
Thanks. I'd seen some of these but I think the code project article might do the trick.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.