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.
(resize this page)
Download & Docs