Oriol Terradas Oriol Terradas - 2 months ago 8
HTML Question

How to show a large table using JQuery Mobile?

We are trying to show a large table (more than 50 columns and 100 rows) using jQM in a web application for iPAD and desktop users.

JQM works fine for us, but in our first possibility (a pure html table in a division), the vertical scroll works fine even having a floating footer, but the table was truncated horizontally, the horizontal scroll is disabled.
Then we tried to use differents experimental scrollviews (JQM Scrollview) but it doesn't work at all if we create the table via DOM.

Any suggestion? Which is the better way to show large tables in JQM? Any tested grid to use with jQM?

EDIT:
We added an example here. http://oterrada.webatu.com/test.html

Answer

It's not really documented but could you try:

$('#dataContainer').scrollview(); 
Comments