Responsive Tables

A great way to deal with responsive tables is to change the related information cells into grouped blocks in mobile view, like these guys did. The problem is that you have to set a media query to initiate this change, lets say at 400px. What if your table breaks before you get there? What if your table displays just fine under 400px? This little jQuery plugin detects when your table breaks, and only applies the 'fix' when that happens.

Demo

(resize this page)

Smaller Table

hi hey
hello hola

Wider Table

Date Title Room Time
12.21.15 Event Title Room 3b 12:30PM
12.21.15 Event Title Room 3b 12:30PM
12.21.15 Event Title Room 3b 12:30PM
12.21.15 Event Title Room 3b 12:30PM asdfsdfasdfsdfasdfasdfasdfasdf

Download & Docs