table resize works with Firefox but not Chrome?
table resize works with Firefox but not Chrome?
degenaro
Posts: 24Questions: 1Answers: 0
I'm viewing with Firefox. I shrink the window to be too narrow and table shrinks to its minimum size. I then stretch the window to the entire monitor width and table goes from end-to-end as desired. Great!
I'm viewing with Chrome. I perform the same experiment. The table shrinks to its minimum size, but never again fills the entire screen when stretched. How come?
Thanks.
Lou.
[code]
var oTable;
$(document).ready(function() {
oTable = $('#my-table').dataTable( {
"bProcessing": true,
"bPaginate": false,
"bFilter": true,
"sScrollX": "100%",
"sScrollY": "600px",
"bInfo": false,
"sAjaxSource": "myUrl",
aaSorting: [],
"fnRowCallback" : function(nRow,aData,iDisplayIndex) {
$('td:eq(1)', nRow).css( "text-align", "right" );
$('td:eq(8)', nRow).css( "text-align", "right" );
$('td:eq(9)', nRow).css( "text-align", "right" );
$('td:eq(10)', nRow).css( "text-align", "right" );
$('td:eq(11)', nRow).css( "text-align", "right" );
$('td:eq(12)', nRow).css( "text-align", "right" );
$('td:eq(13)', nRow).css( "text-align", "right" );
$('td:eq(14)', nRow).css( "text-align", "right" );
$('td:eq(15)', nRow).css( "text-align", "right" );
$('td:eq(16)', nRow).css( "text-align", "right" );
$('td:eq(17)', nRow).css( "text-align", "right" );
return nRow;
},
} );
$(window).resize(function () {
oTable.fnAdjustColumnSizing();
});
} );
[/code]
I'm viewing with Chrome. I perform the same experiment. The table shrinks to its minimum size, but never again fills the entire screen when stretched. How come?
Thanks.
Lou.
[code]
var oTable;
$(document).ready(function() {
oTable = $('#my-table').dataTable( {
"bProcessing": true,
"bPaginate": false,
"bFilter": true,
"sScrollX": "100%",
"sScrollY": "600px",
"bInfo": false,
"sAjaxSource": "myUrl",
aaSorting: [],
"fnRowCallback" : function(nRow,aData,iDisplayIndex) {
$('td:eq(1)', nRow).css( "text-align", "right" );
$('td:eq(8)', nRow).css( "text-align", "right" );
$('td:eq(9)', nRow).css( "text-align", "right" );
$('td:eq(10)', nRow).css( "text-align", "right" );
$('td:eq(11)', nRow).css( "text-align", "right" );
$('td:eq(12)', nRow).css( "text-align", "right" );
$('td:eq(13)', nRow).css( "text-align", "right" );
$('td:eq(14)', nRow).css( "text-align", "right" );
$('td:eq(15)', nRow).css( "text-align", "right" );
$('td:eq(16)', nRow).css( "text-align", "right" );
$('td:eq(17)', nRow).css( "text-align", "right" );
return nRow;
},
} );
$(window).resize(function () {
oTable.fnAdjustColumnSizing();
});
} );
[/code]
This discussion has been closed.