How to Freeze GridView Header While Scrolling ?






3.73/5 (15 votes)
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; } .HeaderFr
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
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"
That’s all. Some times we need also maintain the scroll positions while
selecting any data from GridView, and quite difficult to maintain the
position while we are using AJAX, I have written a complete article on
that, hope this will help Maintain GridView Scroll Position inside updatepanel