header misalignment

shaishai

i'm using datatables for a long time but have one table that fields mismatch

attached my calling to the table:

summaryTablesCust = $('#listSpecTable').dataTable({
"iDisplayLength": 60, // number of items in table page
"sPaginationType": "full_numbers",
"bJQueryUI": true,
"bStateSave": true,
"bScrollInfinite": true,
"sScrollY": "450px",
"bScrollCollapse": true
});
and here is my table:




customerIDcustomerNamecustomerRegDatecustomerNumEventscustomerNumEvadescustomerNumCancelcustomerNumParticipatedphone2xPhone2xPhone3xPhone4xPhone5hisNamehisRealNamehisAgeherNameherRealNameherAge


10223xxxx27/09/200830000523464656xxx42xxxx39

what makes the things even more wird is that when i click one of the column headers that suddenly comes fixed. any help?

allan

Please link to a test case: http://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read - otherwise I'm just guessing and taking up both of our time.

My guess is the table is being initialised hidden. If so you need to use fnAdjustColumnSizing when you make it visible.

Allan