Header not showing in Spry Tabs

mbush

Hi,

I have tried a few pages with Datatables (which are amazing by the way) and Spry Tabs.

If I have a page with one tab and a datatable, everything is ok but when I add another tab and make that default when loading, the header row with my columns disappears and shows a white bar.

Here is my code for the table

[code]

$(document).ready(function() {
$('.dataTable').dataTable( {
"aaSorting": [[ 0, "asc" ]],
"bAutoWidth": false,
"iDisplayLength": -1,
"sScrollY": 550,
"bJQueryUI": true,
"bPaginate": false
} );
} );

[/code]

Any suggestions?


-Michael

mbush

I Should add, I have tried this on another completely separate domainname and page and it does the same thing, could this be a bug with Datatables/Spry Tabs?

mbush

I have just taken the "sScrollY": 550, line out of the initilisation code and it works fine, confusing

mbush

I have just tried this in jQuery tabs too and it doesn't work :-( I think there is a definate bug with loading a default tab

SuperCrazyMark

This has been covered in the DataTables documentation here http://www.datatables.net/examples/api/tabs_and_scrolling.html

mbush

It still doesn't work on spry tabs thought, exactly the same problem :-(