Distorted Table in IE7
Distorted Table in IE7
datatablesmohit
Posts: 5Questions: 0Answers: 0
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!
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!
This discussion has been closed.
Replies
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.