IE8 won't render complete table greater than 19 columns...
IE8 won't render complete table greater than 19 columns...
Any number <= 19 columns (aoColumns), IE8 will render the table properly.
Any number => 20 columns (aoColumns), IE8 will NOT render the table.
-- Processing graphic continuously displaying.
-- No JS error messages.
-- Table header DOES display properly.
-- Pagination, TableTools, ColVis also DOES display.
-- Displays correctly in FF and Chrome.
Code:
[code]
$(document).ready(function() {
var oTable = $("#datatable").dataTable( {
"sDom": "CT<\"clear\"><\"fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix\"lfr>t<\"fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix\"ip>",
"oTableTools": { "sSwfPath": "DEV/files/copy_cvs_xls_pdf.swf" },
"oColVis": { "activate": "mouseover" },
"bPaginate": "1",
"bLengthChange": true,
"aLengthMenu": [ [ 10, 25, 50, 100, -1 ], [ 10, 25, 50, 100, "All" ] ],
"bProcessing": true,
"bLengthChange": true,
"bScrollCollapse": false,
"iDisplayLength": 25,
"bServerSide": true,
"bJQueryUI": true,
"bFilter": true,
"bAutoWidth": false,
"aaSorting": [[4, "ASC"]],
"aoColumns": [{ << (NDA) - confirmed valid JSON here on all tables >> }],
"sAjaxSource": "/www/DEV/things"} )
$( "#datatable tbody" ).delegate( "tr", "click", function () {
var disRow = oTable.fnGetData( this );
$( "#modal-view" ).load( this.baseURI + "/view/" + disRow[0],
function() {
} ).dialog( {
title: "Details",
autoOpen: true,
height: 690,
width: 750,
modal: false,
buttons:
{
"Exit": function() { $( this ).dialog( "close" ); }
}
}); return false;
} )
$( "input[name=inex]" ).click( function() {
$("#datatable").dataTable().fnFilter( this.value, 0, false, true, false );
});
} );
[/code]
Any ideas?
All comments, opinions most appreciated...
SCM
Any number => 20 columns (aoColumns), IE8 will NOT render the table.
-- Processing graphic continuously displaying.
-- No JS error messages.
-- Table header DOES display properly.
-- Pagination, TableTools, ColVis also DOES display.
-- Displays correctly in FF and Chrome.
Code:
[code]
$(document).ready(function() {
var oTable = $("#datatable").dataTable( {
"sDom": "CT<\"clear\"><\"fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix\"lfr>t<\"fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix\"ip>",
"oTableTools": { "sSwfPath": "DEV/files/copy_cvs_xls_pdf.swf" },
"oColVis": { "activate": "mouseover" },
"bPaginate": "1",
"bLengthChange": true,
"aLengthMenu": [ [ 10, 25, 50, 100, -1 ], [ 10, 25, 50, 100, "All" ] ],
"bProcessing": true,
"bLengthChange": true,
"bScrollCollapse": false,
"iDisplayLength": 25,
"bServerSide": true,
"bJQueryUI": true,
"bFilter": true,
"bAutoWidth": false,
"aaSorting": [[4, "ASC"]],
"aoColumns": [{ << (NDA) - confirmed valid JSON here on all tables >> }],
"sAjaxSource": "/www/DEV/things"} )
$( "#datatable tbody" ).delegate( "tr", "click", function () {
var disRow = oTable.fnGetData( this );
$( "#modal-view" ).load( this.baseURI + "/view/" + disRow[0],
function() {
} ).dialog( {
title: "Details",
autoOpen: true,
height: 690,
width: 750,
modal: false,
buttons:
{
"Exit": function() { $( this ).dialog( "close" ); }
}
}); return false;
} )
$( "input[name=inex]" ).click( function() {
$("#datatable").dataTable().fnFilter( this.value, 0, false, true, false );
});
} );
[/code]
Any ideas?
All comments, opinions most appreciated...
SCM
This discussion has been closed.
Replies
Appears to fail with IE8 ( 8.0.6001 )
Appears to FUNCTION PROPERLY with IE8 ( 8.0.7601 )
No other cause can be found at this time - troubleshooting to continue.
( Of course, the default ( and only ) browser available on the LAN is IE7 ( and possibly IE8 ( 8.0.6001 ) )
Will post the solution once I find it...
SCM
http://support.microsoft.com/kb/208427
[quote] Microsoft Internet Explorer has a maximum uniform resource locator (URL) length of 2,083 characters. [/quote]
To make it "work" -> use POST versus GET -> using fnServerData.
Of course, this issue (POST instead of GET) is discussed several places in this forum. While I noted this initially, anomalistic behaviour (functioning correctly on identical brower outside of LAN) stalled my implementation of this (correct) solution.
SCM