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 |