FixedHeader columns do not line up

FixedHeader columns do not line up

RememberMeRememberMe Posts: 11Questions: 0Answers: 0
edited April 2010 in General
The column sizes for my header are way off when I try to use FixedHeader. They appear just the same in IE7 and FF. I downloaded the newest FixedHeader file and no change.

http://i42.tinypic.com/b4hh83.jpg

When I try to set the left column to fixed it's even worse

http://i44.tinypic.com/35akhls.jpg

Replies

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    I think the reason for this is actually quite simple - if you look at your first picture, you'll be able to see that the TH elements need to be as wide as they are (i.e. slightly expanded) in order to fit the content in! If you were to set either th { overflow: hidden }, or th { font-size: 10px } (or something like that) I suspect the content would fit in and work as expected :-)

    Allan
  • RememberMeRememberMe Posts: 11Questions: 0Answers: 0
    edited April 2010
    I changed the font size of the header. Things are still off. It's not to bad for the first few columns, but by the end, it's a good bit off.

    http://i44.tinypic.com/wmnvhd.jpg

    http://i39.tinypic.com/ankhvd.jpg
  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    I think it's still the same issue - but it's difficult to tell from those screenshots as the issue seems to lie off the scroll to the left. The columns visible to line up - but with an offset. We would need to know where that offset is coming from.

    Allan
  • RememberMeRememberMe Posts: 11Questions: 0Answers: 0
    edited May 2010
    In the first picture, the left-most column is shown. Now that I've changed the font-size, it does line up in FireFox, but not in IE7
  • RememberMeRememberMe Posts: 11Questions: 0Answers: 0
    I added this fix from vucetica and it corrected the issue.
    http://datatables.net/forums/comments.php?DiscussionID=1612&page=1#Item_0
This discussion has been closed.