Header and Body alignment problem

[warnes]

Using the latest jQuery and floatHead, the header and body columns are not aligning properly for my table.

I've simplified the code to a minimal example at: http://jsfiddle.net/warnes/mhmfqwgv/. (The actual alignment issue is more extreme on my page than this example.)

O/S: Mac OS X 10.10.3
Browsers:

• Chrome Version 43.0.2357.130 (64-bit)
• Safari Version 8.0.6 (10600.6.3)
• Firefox 38.0.5

[mkoryak]

you have more cells in your tbody than in thead.

https://jsfiddle.net/mhmfqwgv/3/embedded/result/

[mkoryak]

but there is a bug when the width of the page is smaller than the table like in the edit view.

[mkoryak]

fixed on master in under an hour, you should buy me a beer ;)
http://jsfiddle.net/mhmfqwgv/5/

[warnes]

Thanks, it is much better!

Sadly, there still has a slight offset of a few pixels ... visible when I increase the zoom.

[mkoryak]

there is an offset on the latest fiddle i posted? I dont see one in chrome/mac

[warnes]

Yes, there is still a small offset in the fiddle you posted.

I'm also running Chrome on Mac OS X. Here's a screenshot of the fiddle:

You'll probably need to zoom in on the image to see the offset, since its only a pixel or two in this example, but is larger in my application.

Still, it is much better than it was.

Thanks again!

[mkoryak]

weird. I dont see that happening on that fiddle on osx 10.9 and chrome 43. Your version of chrome looks very different than mine - what is it?

can you copy the generated html of that fiddle where you see the gap, and paste it into a new fiddle so I can try to reproduce?

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.