Following CSS can be used to fix the header position in gridview
.fixedHeader
{
font-weight:bold;
background-color: #006699;
position:relative ;
height: 25px;
top:expression(Sys.UI.DomElement.getBounds(document.getElementById("MainContent_dvGrid")).y-270);
z-index: 10;
}
MainContent_dvGrid - is div which contain the GridView.
y- 270 => 270 value can be adjusted as per your requirement and alignment of Grid & Div.
Use this CSS in HeaderStyle of your Grid,
<HeaderStyle CssClass="fixedHeader" ForeColor="White" Height="10px" />
.fixedHeader
{
font-weight:bold;
background-color: #006699;
position:relative ;
height: 25px;
top:expression(Sys.UI.DomElement.getBounds(document.getElementById("MainContent_dvGrid")).y-270);
z-index: 10;
}
MainContent_dvGrid - is div which contain the GridView.
y- 270 => 270 value can be adjusted as per your requirement and alignment of Grid & Div.
Use this CSS in HeaderStyle of your Grid,
<HeaderStyle CssClass="fixedHeader" ForeColor="White" Height="10px" />
Comments
Post a Comment