Prevent datatables columns from overflowing table boundaries.

totallyplandom

Ok, you guys are definitely going to shoot me for the lack of information in this post, but I'll post what I've got. Basically I'm working with a semi-vanilla site (I'm only using JQuery UI to format my tables). For some strange reason FF on Windows wants to "blow out" my columns so that the right side overflows my table. I've tried fnAdjustColumnSizing(), fnSort() just to fudge a redraw, adjusting the table with with CSS, but nothing seems to matter. All of these methods work in Safari (Mac/Win), Firefox(Mac), Opera(Mac/Win), and IE, but FF (Win) is being stubborn.

So, all that said, is there any way to 100% force (whether via "!important"s or some magical jQuery command) the datatable columns to never ever ever ever ever ever ever overflow their boundaries?

Best.


NOTE: this only happens when there is insufficient data in the table to force a scrollbar. Perhaps I can force a scrollbar regardless of height?

allan

Hi,

Can you give us a link to your page that is doing this so I can try it on Firefox Win as well?

Thanks,
Allan

totallyplandom

Unfortunately I can't. It is a secure financial site that requires membership, etc. I realize your hands are a bit tied with the lack of information, but is there *anything* you could tell me? It seems that when I manually sort the columns by clicking, everything shakes into shape. Is there a method I can call that will trigger a true animated sort (as opposed to simply setting the sort column) after the page is completely loaded?