Distorted Table in IE7

Distorted Table in IE7

datatablesmohitdatatablesmohit Posts: 5Questions: 0Answers: 0
edited December 2011 in Bug reports
Hi Allan,

I am using the datatables 1.7.5. It is working fine in FF 3.6 and IE8. Thanks for a great plug-in.

But it does not work properly in [quote]IE7 and IE8 compatibility view[/quote]. Problems are as follows:
1. I see a thick line above top row
2. I see wanted horizontal scroll
3. When I choose to show 'All', table does not get paginated. It is not getting wrapped in the scroll body.
In fact, it is showing all rows and overlapping the Pagination button (making Pagination button to hide)

Here is the code:
[code]
$(document).ready(function() {
var oTable = $('#myTable').dataTable( {
"sDom": 'rftilp',
"sScrollY": 300,
"sScrollX": "100%",
"sScrollXInner": "100%",
"aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
"oLanguage": {"sSearch": "Search all columns:"},
"sPaginationType": "full_numbers",
"oLanguage": {"sLengthMenu": "Show _MENU_ records per page"},
"aoColumns": [null, null, null, null,null, null]
} );
} );
[/code]

Note that:
The table is simple DOM element table with size of just 100 to 200 rows.
So, not using ajax or server side processing.

Thanks in advance!

Replies

  • datatablesmohitdatatablesmohit Posts: 5Questions: 0Answers: 0
    To Test:
    Open http://mohit-rnd-developer-edition.na12.force.com/JQuery_DataTables
    First open in IE8
    Second open in IE7 and IE8 compatibility view. See the distorted UI when choosing All.
This discussion has been closed.