twitter-bootstrap - stacktable - tablas personalizadas en bootstrap

¿Cómo mostrar tablas en el móvil usando Bootstrap?

Question

Mis tablas se muestran bien en el escritorio, pero una vez que trato de ver la versión móvil, mi mesa termina siendo demasiado amplia para la pantalla del dispositivo móvil. Estoy usando un diseño receptivo.

¿Cómo puedo establecer los anchos de tabla para la vista móvil? ¿Qué otras alternativas existen para presentar datos tabulares en vistas móviles con Bootstrap?

Answer 1

Bootstrap 3 presenta tablas receptivas :

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

Gracias a Jason Bradley por darnos un ejemplo:

Answer 2

También puede considerar probar uno de estos enfoques, ya que las tablas más grandes no son exactamente amigables en el móvil, incluso si funciona:

http://elvery.net/demo/responsive-tables/

Soy parcial a ''No más tablas'', pero eso obviamente depende de tu aplicación.

Answer 3

Todas las tablas dentro de bootstrap se estiran de acuerdo con el contenedor en el que se encuentran. Puede poner sus tablas dentro de un elemento .span para controlar el tamaño. Esta pregunta SO puede ayudarte

¿Por qué las tablas de Twitter Bootstrap siempre tienen un ancho del 100%?