Please refer following links:
some articles on CP:
Grid View with Fixed Header[
^]
Gridview Fixed Headers[
^]
A Scrollable GridView with a Fixed Header in .NET[
^]
jQuery Fixed Header Scrollable GridView[
^]
GridView Fixed Header[
^]
some solved answers:
gridview scroll with fixed header and footer[
^]
Scrollable GridView with fixed headers in asp.net[
^]
Gridview Fixed Header Issue[
^]
Or else
Try this:
Create a CSS file "grid.css" within a folder "css" with a class "grid-header".The css folder is under the root directory
.grid-header
{
font-weight: bold;
font-family: Verdana;
font-size: 11px;
background-color: #7A9FCB;
text-decoration: underline;
color: #ffffff;
text-align: left;
position: relative;
top:expression(this.parentNode.parentNode.parentNode.scrollTop-2);
left:expression(this.parentNode.parentNode.parentNode.scrollLeft-1);
right:1px;
}
Call this CSS File from your page which is contain your grid
link href="../css/grid.css" rel="stylesheet" type="text/css" /
call this css from the HeaderStyle of your gridview
<HeaderStyle CssClass="grid-header"></HeaderStyle>