DataTable does not display all columns until first answer from server

sidamos

HI!

I am using Chrome, jQuery 1.6.4, DataTables 1.8.2 and Scroller nightly.

After initial page load, DataTable shows only 2 cols of my 3 col table, until the first answer from the server arrives. Then it displays all 3 cols.

Definition:
artikelTable = $('#artikelList').dataTable( {
"aaData": [],
"aoColumns": [
{ "sTitle": "id", "sClass": "center" },
{ "sTitle": "Artikel" },
{ "sTitle": "Name" }
],
"sDom": "rtSi",
"bDeferRender": true,
"sScrollY": $('#artikelListHolder').height() - 70 + "px",
"bServerSide": true,
"fnServerData": fetchData,
"sScrollX": "100%"
} );

Thanks!

Thomas

fbas

Someone else had a similar problem recently and the cause was incorrect HTML formatting - one of his tags was a . Check your html carefully.

I couldn't find the link to that post, but it was sometime earlier this week.

sidamos

I did further checking and I can see the missing col in the Chrome inspector, it's just not being displayed because there is not enough space. When the data has been fetched, DataTables adds a X-scrollbar and everything is fine.