• Overview
    • What is jQuery?
    • How to use plugins
    • How to customize plugins
    • Where to find plugins
  • Challenges
    • UI: show/hide element descriptions
    • UI: equalize div widths/heights
    • UI: change for new users
    • UI: scroll then fixed header
    • Images: hover captions
    • Images: magnify
    • Images: compare
    • Tables: filter and sort
    • Tables: export
    • Tables: responsive
    • Links: previews
    • Links: automatic topic-level TOC
    • PDF: create on-the-fly
    • Formatting: code samples
    • Usability: definitions
    • Usability: estimate reading time
    • Usability: auto-hide long overviews
    • Reviews
    • Cookies: EU-required notice
  • Questions?
  • All Files

Responsive Tables

 

Non-scrolling columns

zurb.com/playground/projects/responsive-tables/index.html

Filter rows

codepen.io/pixelchar/full/rfuqK

Show/hide

jsbin.com/apane6/14

Separate tables

css-tricks.com/examples/ResponsiveTables/responsive.php

www.filamentgroup.com/examples/rwd-table-patterns

gergeo.se/RWD-Table-Patterns/#demo

Table to paragraphs

codepen.io/aarongustafson/full/ucJGv

Horizontal to vertical

codepen.io/JasonAGross/full/rjmyx