Click here to Skip to main content
Click here to Skip to main content

How to Freeze GridView Header While Scrolling ?

By , 13 Sep 2009
 
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
  1. .HeaderFreez  
  2. {  
  3. position:relative ;   
  4. top:expression(this.offsetParent.scrollTop);  
  5. z-index10;  
  6. }   

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

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

Abhijit Jana
Software Developer (Senior)
India India
Member
.NET Consultant | Former Microsoft MVP - ASP.NET | CodeProject MVP, Mentor, Insiders| Technology Evangelist | Author | Speaker | Geek | Blogger | Husband
 
Blog : http://abhijitjana.net
Web Site : http://dailydotnettips.com
Twitter : @AbhijitJana
My Kinect Book : Kinect for Windows SDK Programming Guide

Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
Hint: For improved responsiveness ensure Javascript is enabled and choose 'Normal' from the Layout dropdown and hit 'Update'.
You must Sign In to use this message board.
Search this forum  
    Spacing  Noise  Layout  Per page   
GeneralMy vote of 5membermandeep tondak25 Nov '12 - 20:08 
QuestionNot Working...memberSunnykumar0824 May '12 - 21:15 
QuestionRequest for coming with more serious article like Desig patternmemberTridip Bhattacharjee16 Apr '12 - 21:16 
it will be helpful for all the daily reader of codeproject if you come with more serious article like Desig pattern (MVC,MVP,MVVM), IOC,DI etc for real life implementation. thanks
tbhattacharjee

GeneralReally helpfullmemberPranay Rana14 Mar '10 - 21:27 
GeneralRe: Really helpfullmvpAbhijit Jana14 Mar '10 - 21:35 
GeneralRe: Really helpfullmemberPranay Rana14 Mar '10 - 21:41 
GeneralRe: Really helpfullmvpAbhijit Jana14 Mar '10 - 21:45 
GeneralRe: Really helpfullmemberPranay Rana14 Mar '10 - 22:49 
GeneralRe: Really helpfullmvpAbhijit Jana15 Mar '10 - 0:06 
GeneralRe: Really helpfullmemberPranay Rana15 Mar '10 - 0:45 
GeneralRe: Really helpfullmvpAbhijit Jana15 Mar '10 - 2:11 
GeneralRe: Really helpfullmemberPranay Rana15 Mar '10 - 23:46 
Generalisse when scrolling horizontalmemberPranay Rana14 Mar '10 - 20:11 
GeneralRe: isse when scrolling horizontalmvpAbhijit Jana14 Mar '10 - 20:32 
GeneralRe: isse when scrolling horizontalmemberPranay Rana14 Mar '10 - 20:37 
GeneralRe: isse when scrolling horizontalmvpAbhijit Jana14 Mar '10 - 20:43 
GeneralRe: isse when scrolling horizontalmvpAbhijit Jana14 Mar '10 - 21:10 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Permalink | Advertise | Privacy | Mobile
Web03 | 2.6.130516.1 | Last Updated 13 Sep 2009
Article Copyright 2009 by Abhijit Jana
Everything else Copyright © CodeProject, 1999-2013
Terms of Use
Layout: fixed | fluid