Columns Condense Together
Columns Condense Together
monkeytooth
Posts: 22Questions: 0Answers: 0
As seen in this picture
http://screencast.com/t/beNGhgPGI
But when I click on the sort option of either column it jumps back to normal or the way it should have
http://screencast.com/t/Eu3H9jwuFbW
Whats funny about this is, is this particular datatable is reused only key difference is an ajax call I make to populate the table, which dumps the same data as the other table mentioned just slightly different options, and that other table works just fine. Also does not appear to be a browser specific issue, trying it in the 5 major browsers it appears as though the issue is the same..
http://screencast.com/t/beNGhgPGI
But when I click on the sort option of either column it jumps back to normal or the way it should have
http://screencast.com/t/Eu3H9jwuFbW
Whats funny about this is, is this particular datatable is reused only key difference is an ajax call I make to populate the table, which dumps the same data as the other table mentioned just slightly different options, and that other table works just fine. Also does not appear to be a browser specific issue, trying it in the 5 major browsers it appears as though the issue is the same..
This discussion has been closed.
Replies
[code]
$('#'+tableID).dataTable(
{
"sPaginationType": "full_numbers",
"bPaginate": false,
"bFilter": false,
"bAutoWidth": true,
"sScrollY": tableY+"px",
"bScrollCollapse": true,
"oLanguage": {
"sInfo": "Showing _END_ Events."
},
"aaSorting": [[ 1, "asc" ]],
"aoColumns": [
null,
null
]
[/code]
[code]
"aoColumns": [
{ "sWidth": "80%" },
{ "sWidth": "20%" }
]
[/code]
I did try this same exact base on another table of mine and it worked perfectly. So what I am currently noticing is the issue appears to be brought on by the fact that I have a "Tabbed" display for the table giving problems at the moment.
The table in question is initially in a hidden tab, when you click that tab the content of the tab is shown. Not sure exactly how its hidden (visibility:hidden or display:none) Ill assume display:none.
I inherited this project so I am still familiarizing myself with it. I am swapping out a custom table solution they made themselves predating datatables as its breaking often due to new browsers tweaking the webkit stuff. Anyway long boring story short..
Tables are generated on the fly via an AJAX call that gets the data. The tables are then created in the same manor. All works well except apparently if the table is in a hidden element and only is specific to that thead stuff at the moment.
Dunno if any of this helps or not in trying to help me assess the issue, but I hope it does.