O'Reilly logo

Responsive Web Design with jQuery by Gilberto Crespo

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

Exercise 6 – creating a responsive table of prices using the FooTable jQuery plugin

Let's create a responsive table using the FooTable jQuery plugin and the contents of the table in the following screenshot.

Note

The content of this table is not real and we will use it just for practice.

In the following screenshot we can see the table as shown on Smartphone and tablet, each device using a different design:

Exercise 6 – creating a responsive table of prices using the FooTable jQuery plugin

You can start by creating the table structure based on the tablet's design and then implement the FooTable plugin automatizing the compact visual for Smartphones.

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