I know this topic has been asked, but the posts are all out of date, or not functional on IE8.
In brief we basically want to do the excel style locking of column headers in a GridView.
I have seen a couple of solutions one jquery+ css(setExpression) which doesn’t work in IE8. And another that uses ajax extensions, yet again doesn’t work in IE8.
I have been through every solution in the below link and have yet to find a working implementation for IE8.
GridView : How to make fixed Header Row
I see telerik has an implementation that is more thank what i want, this is such a simple concept I can believe i am going to have to buy a toolkit…
Answers:
Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.
Method 1
This is a solution that its working on ie8 – at least on my ie8.
Here are some demos:
http://fixedheadertable.com/livedemos/
And here is one more with source code http://www.dotnetcurry.com/ShowArticle.aspx?ID=255
And one more (good idea) http://datawebcontrols.com/demos/ScrollableDataGridFixedHeader.aspx
Method 2
After searching the depths of the internet, the only* implementation that I found is by IdeaSparks. It provides an opensource custom GridView implementation that allows:
- Display fix column headers, footer and pager
- Supports scrollable content
- User-resizeable column widths (New!)
- Maintains scroll position and column widths after a postback or callback (New!)
My only complaint is that it requires you to use fixed columns…
All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0