Fixed Table Header (IE8)[Solved]

Question

0.00/5 (No votes)

See more:

Hi Folks,

I need to implement a HTML table with "Fixed Header" and "Scrollable Body". I've tried a lot and googled. :( I didn't find any solution. Any help would be appreciated.

Thanks in Advance.

Posted 15-Nov-10 18:49pm

TweakBird

Updated 6-Mar-11 19:58pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

thatraja · Accepted Answer · 2010-11-15T19:01:00

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

Posted 15-Nov-10 19:01pm

thatraja

Updated 15-Nov-10 22:20pm

v2

Comments

TweakBird 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 16-Nov-10 2:45am

For your case, Link1 & Link3 are applicable, am i right?(Because you have asked only for IE8)

TweakBird 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 16-Nov-10 4:21am

check my updated answer & I hope now you have the solution

TweakBird 16-Nov-10 4:35am

i already checked. any how thanks thatraja.

thatraja 16-Nov-10 4:38am

what you mean? is the last link not working? I have checked & it's working man.

ii_noname_ii 17-Jan-12 8:35am

thatraja:
not working in IE7.

There are thousands of these, but none that work well on all browsers.

thatraja 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 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 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.