Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
Hi Folks,
 
I need to implement a HTML table with "Fixed Header" and "Scrollable Body". I've tried a lot and googled. Frown | :( I didn't find any solution. Any help would be appreciated.
 
Thanks in Advance.
Posted 15-Nov-10 18:49pm
TweakBird17.1K
Edited 6-Mar-11 19:58pm
v2

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Try these
 
A Scrollable Table With a Fixed Header[^] (Tricky one)
 
Pure CSS Scrollable Table with Fixed Header[^]
 
Fixed headers in large HTML tables[^]
 
Try this****
 
Table fixed Header[^]
 
I was checked & it's working, See the Documentation
Documentation[^]
 
Compatible browsers
 
Internet Explorer 8
Firefox 3.6.9
Chrome 5.0 & Safari 4.0.5
Opera 10
  Permalink  
v2
Comments
Eswa at 16-Nov-10 1:52am
   
Thanks for posting.
Link1: Two Tables are Used. i have to achieve with only one table. because, more columns, large content alignment mismatch for columns & rows. already i seen this on googled.
Link2: Not working in IE8.
Link3: Not working in Firefox.
thatraja at 16-Nov-10 2:45am
   
For your case, Link1 & Link3 are applicable, am i right?(Because you have asked only for IE8)
Eswa at 16-Nov-10 3:32am
   
Link1: Assume 10 columns & 40 rows. 20th row column 8 have large amount of data. columns are not scrolled. Not applicable.
Link3: ok with IE8, but working with firefox also needed.
thatraja at 16-Nov-10 4:21am
   
check my updated answer & I hope now you have the solution
Eswa at 16-Nov-10 4:35am
   
i already checked. any how thanks thatraja.
thatraja at 16-Nov-10 4:38am
   
what you mean? is the last link not working? I have checked & it's working man.
ii_noname_ii at 17-Jan-12 8:35am
   
thatraja:
not working in IE7.
 
There are thousands of these, but none that work well on all browsers.
thatraja at 17-Jan-12 8:41am
   
Yep, Because OP asked solution for IE8. But I think you can find things for IE7 too in Google.
ii_noname_ii at 17-Jan-12 8:46am
   
Yeah. Works for IE8...
I think I've tested a dozen solutions, and have not found one that is 100% cross browser... Well, my tests don't need to go very far: what works in FF (whatever the latest version is), does not work in IE7 && IE8. IE 6 would be a bonus at this point.
(I think even the asker was just meeting a wall for a solution not working in IE8, but intended for something to work in all modern, supported browsers..)
thatraja at 17-Jan-12 9:06am
   
IE6? No No don't. http://www.ie6nomore.com/
But I'm sure you can find IE compatible thing in Google. I'll let you know if I find anything.

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



Advertise | Privacy | Mobile
Web02 | 2.8.141015.1 | Last Updated 7 Mar 2011
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100