sScrollX Safari Issue
sScrollX Safari Issue
Hey guys,
I'm trying to make a large datatable wok nicely with mobile devices. To do this, I tried using the sScrollX property on this table. It works great on most browsers except I've noticed an issue with Safari and Mobile Safari. When I load the table full res on my desktop browser, the table looks normal. When I try resizing it to the 480px res, it works normally as well and scrolls horizontally. The issue occurs when the page is loaded initially at the small res (desktop browser and mobile devices). Any help would be greatly appreciated!
I'm trying to make a large datatable wok nicely with mobile devices. To do this, I tried using the sScrollX property on this table. It works great on most browsers except I've noticed an issue with Safari and Mobile Safari. When I load the table full res on my desktop browser, the table looks normal. When I try resizing it to the 480px res, it works normally as well and scrolls horizontally. The issue occurs when the page is loaded initially at the small res (desktop browser and mobile devices). Any help would be greatly appreciated!
This discussion has been closed.
Replies
Here's the table: http://honedge.com/90430565 (Detailed Player Statistics)
Allan
$("#example").dataTable({
bFilter: false,
bSort: false,
bPaginate: false,
bAutoWidth: false,
sScrollX: "100%",
bScrollCollapse: true,
"sScrollXInner": "100%"
})
[/code]
This is what I have currently- it seems to only be broken in Safari :/
Allan