Lots and Lots of columns (and they don't align)

matthewordie

I have a table that has a lot of columns. Somewhere between 25 and 35. And it seems like my TD's aren't lining up with my TH's. Also, it doesn't display all my TH's (but this might be because things aren't aligning).

I've tried everything I can with CSS. I can't use force widths because the content will always be changing. Any other ideas?


Here's a screen:
http://cl.ly/2k7F

allan

If you view your table with Firefox and Firebug open, do you get any messages printed to console.log? DataTables might be giving a warning about not being able to fit the table in. I presume you've got scrolling enabled? Can you link us to your example?

Allan

matthewordie

Yeah I do have horizontal scrolling enabled. And yes I got the warning:

"DataTables warning (table id = 'tabular'): The table cannot fit into the current element which will cause column misalignment. It is suggested that you increase the sScrollXInner property to allow it to draw in a larger area, or simply remove that parameter to allow automatic calculation"

I tried adjusting the sScrollXInner property but I still got the same error. Any ideas? Thanks!