Fix the position of GridView header (CSASPNETFixedHeaderGridView)

The GridView control in ASP.NET usually loads many rows of data with a vertical scroll bar. When users scroll using vertical bar, the header of the GridView will move and disappear. This sample illustrates how to fix the position of the GridView header b

C# (77.9 KB)
5 Star
27,878 times
Add to favorites
E-mail Twitter Digg Facebook
Sign in to ask a question

  • How to Use Jquery with Update Panel
    1 Posts | Last post May 08, 2012
    • I have 1 master page containing update panel --> Content Template--> Content Placeholder. I added one content page in the master page conatining Update Panel --> Content Template --> My Design.
      My design contains 1 gridview which contains 18 template fields--> Item Templates-->Miultiple Textbox and button along with there events. Each events contains multiple lines of code.
      For make the static header of sach large gridview, I used the Jquery given in this site. If I use Jquery with Update panel, it doesnt work. but if I remove Update Panel, Jquery works, displayes the static headers of the gridview. My problem is how to use this jquery with the update panel. Please give me the exact solution as eraly as possible. Its really very urjent.
  • My table is not aligned.
    1 Posts | Last post May 01, 2012
    • My table is not aligned.
      The data field for the group name does not align with its title filed.
      Can you tell me where I did wrong?
  • freezing scroll on select
    1 Posts | Last post April 12, 2012
    • Is there a way to freeze the scroll list when a row is selected instead of the list being repositioned to the top.
  • GridView does not keep focus on a selected row.
    1 Posts | Last post October 25, 2011
    • Would appreciate some help or an advice or two.
      If you add a link button column, or any button to this GView, and if you scroll lower in the list, and click the button in a row, the control will refresh itself, and will not hold focus on the selected row, but scroll to the top on its own, and the selected row will (although still selected) not be in sight unless you scroll all the way to it again.
      I tried Ajax and even placed each button into a separate UpdatePanel class, and it works, but without this fixed header. 
      As soon as I implement the fixed header solution, the GV loses focus again when I click on a button.
      Any advice?
  • Issue when CellPadding != 0
    1 Posts | Last post July 22, 2011
    • Chrome browser spacing does not line up in the sample if you set the CellPadding property of the GridView to a value other than 0. I'm testing with 4.
      Is there a simple fix in the JS to correct this issue?