HTML & CSS: Tablas responsive con Bootstrap 3 y Stacktable by @CubicFactory

HTML & CSS: Tablas responsive con Bootstrap 3 y Stacktable by @CubicFactory

fuente: https://www.cubicfactory.com/bootstrap-tablas-responsive-con-stacktable/

Lo mejor de Stacktable es que es sencillísimo de aplicar.

Descargas el componente stacktable.js de su fuente original: http://johnpolacek.github.io/stacktable.js/
Enlazas la librería stacktable en tu plantilla HTML. Sería algo así:

<script type=”text/javascript” src=”js/stacktable.js”></script>

(Obviamente poniendo la ruta relativa a donde cada uno tenga el archivo de la librería.)

Inicializas la función stacktable:

<script type=”text/javascript”>
$(document).ready(function() {
$(‘#tabla1′).stacktable();
});
</script>

Aplicas la clase stacktable a tu tabla y le asignas el id que has inicializado arriba:

<table id=”tabla1″ class=”table stacktable” border=”0″>

Leer artículo completo en cubicfactory.com

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s