O'Reilly logo

jQuery Mobile Web Development Essentials Second Edition by Andy Matthews, Raymond Camden

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsive tables

Tables present a particular difficulty for mobile browsers. Generally, tables consist of a large amount of data. This could take up an entire screen of a desktop browser. On a mobile browser, this can be even more condensed. In the folder for this chapter's source code, take a look at test_table.html. We won't print the code here, but it is a rather simple four-column, four-row table. On a mobile device, this information fits, but just barely.

Responsive tables

jQuery Mobile can make this work better by creating a responsive version of the table. There are a few small changes you must make to your tables to enable this feature. Firstly, ensure your ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required