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

Link to full-table

Linking to full-table is a technique less used because it does not solve the situation completely. It works by replacing the table with a small mock table and creating only a link to view the full table.

The problem persists, but this time, the user can swipe the screen to the left/right in order to see all the content. There is a media query to handle this mechanism for showing it only on small screens.

How to do it

First of all, let's begin by downloading the full-table.css file, which is available in the downloadable code files that accompany this book. Then insert it inside the <head> tag of the HTML code. Although we are dealing with a CSS solution, this code is too extensive and it increases the chances of typo mistakes. ...

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