Help with tabs

eddie2012

H
i,
I've put together a two-tab table but for some the table and text won't show up in the respective tabs.

Here is the test version: http://dataliser.com/afr/table/testing/table.html

I've got Tabs to work on another webpage but it won't work here for some reason.

I've tried to follow this example as close as possible: http://www.datatables.net/release-datatables/examples/api/tabs_and_scrolling.html

Debug code: igemix

Any ideas?

Ed.

allan

Hi Ed,

Thank you for the link to the test case. It looks to me like this might be a little hiccup in jQuery UI, or at least in the included stylesheets, rather than anything to do with DataTables. More specifically it looks like in terms of the Javascript it is all working correctly, but the class used by jQuery UI to hide the inactive tabs is not in your tabs.css file:

> ui-tabs-hide

If you add:

[code]
.ui-tabs-hide {
display: none !important;
}
[/code]

I suspect it will work as expected.

Regards,
Allan

eddie2012

Thank you. Worked perfectly!