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

Expandable responsive tables

Through FooTable we can transform our HTML tables into expandable responsive tables, allowing devices with small screen sizes to keep the same content, and the only change is you will have to prioritize the content that will be displayed. Its function is to hide the columns you consider less important when viewed for the first time depending on the breakpoint. So, the hidden data will appear when clicking/touching the row only.

If we look more deeply into this jQuery plugin, we will notice two big features that have contributed for a good code and ease of development: out of the box customization (via data attributes from DOM) and breakpoint settings (which may be set different from breakpoints which have already ...

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