Comments on: Scrolling HTML Table with Fixed Header

By: Rob

Rob — Mon, 18 May 2009 13:53:59 +0000

The example on: http://rcs-comp.com/blog/scrolling_table/

Stopt working in IE8, unfortunately IE8 still doesn’t support the nice CSS solution.

By: elderadviser

elderadviser — Tue, 24 Mar 2009 23:58:10 +0000

I really appreciate this code and the script is incredibly useful.. The problem I am having is I used this just to make a table scrollable, but it does not work in IE7… The fact that it’s not a data table shouldn’t matter… Or does it? is there anything that I need to do to the CSS? could this also be the settings on my IE, and when someone doesn’t have their scripting enabled does this default to just the full table or does it cut off?

I’m sure this is a ton of gibberish that doesn’t make sense but I would really use some input.

By: deep

deep — Fri, 02 Jan 2009 06:35:30 +0000

Hi friend.Happy New Year firstly. Your work on this matter really superb.no doubt. But, I want to apply this in my JSP page,where the values are coming from database.I have used struts. I have already tried with your code provided.Datas are coming,all the formatting works well.But the header is not fixing! I am attaching the portion where the header & column values are there.Please help.Thanks: Sl No. Code Name Budget Estimate Revised Estimate Proposal By Dte Sanction By FD Allotment To Dte Allotment To Others LOC Expense Supplementary Grant

By: jOHN

jOHN — Thu, 01 Jan 2009 21:33:33 +0000

Works in IE7/FF3 but not Chrome.

By: Ashley

Ashley — Thu, 27 Nov 2008 13:31:26 +0000

Keep it up man.,

By: hanna

hanna — Mon, 20 Oct 2008 21:00:51 +0000

where can I find your download zip? I couldn’t find it in your page.

thanks

By: englishteeth.co.uk

englishteeth.co.uk — Mon, 18 Aug 2008 10:05:36 +0000

[...] post got us most of the way [...]

By: Hiran Karunananda

Hiran Karunananda — Tue, 24 Jun 2008 11:19:51 +0000

Randy,

This is very useful article. Thanks!
but Horizontal scroll bar activate in the Grid i came up with following problem in Firefox!

Appear two Vertical scrollbars. one is scrolling with grid header. other one scrolling without header. so what i need to do here is remove header scrolling part.

Could u have any comments to this matter?

By: Randy Syring

Randy Syring — Fri, 20 Jun 2008 14:19:21 +0000

Scott,

Sorry, i don’t have any suggestions.

By: Scott

Scott — Thu, 19 Jun 2008 15:49:09 +0000

Randy,

The solution seems to work fairly well, however I’m having a problem in FF. I have a max-height as well as a border set on the div.scrollTableContainer so that if the data doesn’t take up the entire height it shouldn’t be the full set height.

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table>tbody {
overflow: auto;
height: 250px;
overflow-x: hidden;
}

If I change the height to max-height, the div.scrollTableContainer collapses around the content of the table but doesn’t allow the tbody to scroll anymore if there is more data extending beyond the height set. The only scrollable part at this point becomes the div.scrollTableContainer which also scrolls the header.

Any suggestions?