Una tabla común.
Nombre | Fecha de cumpleaños | Música favorita | Pedido especial |
---|---|---|---|
Marcelo | 1984-09-19 | New age | - |
Santiago | 1991-04-07 | Rock | Vegetariano |
Omar | 1982-04-14 | Rock Nacional | - |
Bautista | 1990-06-05 | Grunge | Alérgico al polen |
Compacta .table-compact
Nombre | Fecha de cumpleaños | Música favorita | Pedido especial |
---|---|---|---|
Marcelo | 1984-09-19 | New age | - |
Santiago | 1991-04-07 | Rock | Vegetariano |
Omar | 1982-04-14 | Rock Nacional | - |
Bautista | 1990-06-05 | Grunge | Alérgico al polen |
Relajada .table-relax
Nombre | Fecha de cumpleaños | Música favorita | Pedido especial |
---|---|---|---|
Marcelo | 1984-09-19 | New age | - |
Santiago | 1991-04-07 | Rock | Vegetariano |
Omar | 1982-04-14 | Rock Nacional | - |
Bautista | 1990-06-05 | Grunge | Alérgico al polen |
Sin bordes .table-no-border
Nombre | Fecha de cumpleaños | Música favorita | Pedido especial |
---|---|---|---|
Marcelo | 1984-09-19 | New age | - |
Santiago | 1991-04-07 | Rock | Vegetariano |
Omar | 1982-04-14 | Rock Nacional | - |
Bautista | 1990-06-05 | Grunge | Alérgico al polen |
Con todos los bordes .table-border
Nombre | Fecha de cumpleaños | Música favorita | Pedido especial |
---|---|---|---|
Marcelo | 1984-09-19 | New age | - |
Santiago | 1991-04-07 | Rock | Vegetariano |
Omar | 1982-04-14 | Rock Nacional | - |
Bautista | 1990-06-05 | Grunge | Alérgico al polen |
Con filas alternadas .table-striped
Nombre | Fecha de cumpleaños | Música favorita | Pedido especial |
---|---|---|---|
Marcelo | 1984-09-19 | New age | - |
Santiago | 1991-04-07 | Rock | Vegetariano |
Omar | 1982-04-14 | Rock Nacional | - |
Bautista | 1990-06-05 | Grunge | Alérgico al polen |
Hay dos opciones para tablas responsive. Manejamos el comportamiento con los siguientes atributos data: data-table-responsive-breakpoint
(ancho máximo de la tabla, por debajo de ese valor se convierte en responsive) y data-table-responsive-type
, cuyos valores permitidos son repeat
o flip
. Elegiremos una u otra opción de acuerdo a la cantidad de información que tiene la tabla (flip es más acorde para datos numéricos y celdas con poco contenido, repeat cuando hay más contenido por celda).
data-table-responsive-type="flip"
Nombre | Fecha de cumpleaños | Música favorita | Pedido especial |
---|---|---|---|
Marcelo | 1984-09-19 | New age | - |
Santiago | 1991-04-07 | Rock | Vegetariano |
Omar | 1982-04-14 | Rock Nacional | - |
Bautista | 1990-06-05 | Grunge | Alérgico al polen |
data-table-responsive-type="repeat"
Nombre | Fecha de cumpleaños | Música favorita | Pedido especial |
---|---|---|---|
Marcelo | 1984-09-19 | New age | - |
Santiago | 1991-04-07 | Rock | Vegetariano |
Omar | 1982-04-14 | Rock Nacional | - |
Bautista | 1990-06-05 | Grunge | Alérgico al polen |