How to Freeze GridView Header While Scrolling ?

Abhijit Jana

Rate me:

3.73/5 (15 votes)

13 Sep 2009CPOL

149K

This is very common problem in Web development that we need tofreeze the GridView header at the time of scrolling, Here is one simpletips:Step 1 : Create a CSS class as following .HeaderFreez { position:relative ; top:expression(this.offsetParent.scrollTop); z-index: 10; } .HeaderFr

Alternatives

Members may post updates or alternatives to this current article in order to show different approaches or add new features.

1. How to Freeze GridView Header While Scrolling ?

14 Mar 2010Pranay Rana

This thing is working for both horizontal and verticle scrolling. Here id of the div is hard coded but you can use jquery to attach css class to div element. div#gridPanel { width:900px; overflow:scroll; position:relative;}div#gridPanel th{ top:...

ASP.NET

Dev

2. How to Freeze GridView Header While Scrolling ?