Issue with IE7 and IE8 compatibility view

datatablesmohit

Hi All,

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]
The table is simple DOM element table with size of just 100 to 200 rows.
So, not using ajax or server side processing.

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.