Maybe if I ask this question a different way, I can figure out an answer.

Normally when I create a table I apply no CSS to it and it just does
the right thing, e.g.:

http://jsfiddle.net/u6ULk/

But I want the table to be scrollable with a fixed header, so I do this:

http://jsfiddle.net/mrLVG/

>From testing I found that I have to have  display: block; on both
tbody.scrollContent and thead.fixedHeader tr or I do not get the
scrollbars and fixed headers. But it is also the display: block that
seems to be causing the misalignment.

Is it possible to have a scrolling table with fixed headers without
explicitly specifying the table cell sizes?

On Mon, Jun 30, 2014 at 4:33 PM, Larry Martell <larry.mart...@gmail.com> wrote:
> I am trying to implement a table with fixed headers using the concepts
> from this page:
>
> http://www.imaputz.com/cssStuff/bigFourVersion.html#
>
> Problem is, in my implementation, my table columns are not aligned
> with the table headers. Please see this fiddle:
>
> http://jsfiddle.net/softvar/yL84C/
>
> If I remove all the css the table is properly aligned. I'm sure it's
> something simple, but I cannot figure out what it is.
>
> Thanks!
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to