Problem with DataTables in jQuery Tab Panel

plbyrd

I have a site with a jQuery UI tab container that contains two data tables. The data table on first tab renders correctly, but the data table on the second tab does not render correctly. You can see this at http://www.ourpokerleague.com/l-southernpokerleague and clicking the "Roster" tab.

fbas

I'm guessing the percent width fails for hidden content. can you use a pixel width (or min-width)?

plbyrd

I don't want to be specifying the widths, I want the auto width to work.

fbas

maybe you could delay creating the Roster table until the tab is clicked and the panel is visible.

Steffan

I'm having a similar issue, and tried implementing the workaround indicated on http://www.datatables.net/examples/api/tabs_and_scrolling.html, but for some reason the oTable.length is always 0 :(