Table hidden on page init: columns don't align until column head clicked

crunchfactory

Hi!
I have a table that's hidden until button press via "display: none;" - the columns don't align until one of the column titles are clicked. If I don't have the table hidden, it displays correctly. Any workaround ideas here? I'm already sorting on initialization via oTable.fnSort( [1,'asc'] );, etc... this happens on IE, chrome and Firefox..

Thank you!

crunchfactory

Ha! ok, I actually just completely cheated, gave the th a class name then added $(".namehere").click(); to the function... while this will work for right now, is there a better way of doing this?