Table Responsive

Cómo hacer una TABLA Responsive:

– hecha 100% en HTML/CSS (css3)
– no funciona en IE7 (para eso sí que necesita JS: respond.js polyfill – aunque no es grave porque el IE7 se ve en pantallas grandes y no lee el código que va en los mediaqueries que hacen el responsive)
– no vale para maquetaciones “mobile first”
– se presentará en móvil como lista

http://codepen.io/geoffyuen/pen/FCBEg