How to Freeze GridView Header While Scrolling ?

By | December 20, 2010

This is very common problem in Web development that we need to freeze the GridView header at the time of scrolling, Here is one simple tips:
Step 1 : Create a CSS class as following

.HeaderFreez
{
position:relative ;
top:expression(this.offsetParent.scrollTop);
z-index: 10
}

Step 2 Set Gridview’s HeaderStyle CssClass as follows

CssClass="HeaderFreez"