Estilo - Tablas
Estilos predeterminados
Para un estilo básico-relleno ligero y solo divisores horizontales-agregue la clase base .mesa
a cualquier .
# | Nombre | Apellido | Nombre de usuario |
---|---|---|---|
1 | marca | Otón | @mdo |
2 | Jacob | Thornton | @grasa |
3 | Larry | el pájaro | @gorjeo |
...
Clases opcionales
Agregue cualquiera de las siguientes clases al .mesa
clase base
.table-striped
Agrega rayas de cebra a cualquier fila de la tabla dentro del mediante el
: enésimo niño
Selector de CSS (no disponible en IE7-IE8).
# | Nombre | Apellido | Nombre de usuario |
---|---|---|---|
1 | marca | Otón | @mdo |
2 | Jacob | Thornton | @grasa |
3 | Larry | el pájaro | @gorjeo |
...
.table-confined
Agregue bordes y esquinas redondeadas a la mesa.
# | Nombre | Apellido | Nombre de usuario |
---|---|---|---|
1 | marca | Otón | @mdo |
marca | Otón | @TwBootstrap | |
2 | Jacob | Thornton | @grasa |
3 | Larry el pájaro | @gorjeo |
...
.table-hover
Habilite un estado de desplazamiento en las filas de la tabla dentro de un .
# | Nombre | Apellido | Nombre de usuario |
---|---|---|---|
1 | marca | Otón | @mdo |
2 | Jacob | Thornton | @grasa |
3 | Larry el pájaro | @gorjeo |
...
.table-condensed
Hace que las tablas sean más compactas cortando el relleno de las celdas por la mitad.
# | Nombre | Apellido | Nombre de usuario |
---|---|---|---|
1 | marca | Otón | @mdo |
2 | Jacob | Thornton | @grasa |
3 | Larry el pájaro | @gorjeo |
...
Clases de fila opcionales
Use las clases contextuales para colorear las filas de la tabla.
Clase | Descripción |
---|---|
.éxito |
Indica una acción exitosa o positiva. |
.error |
Indica una acción peligrosa o potencialmente negativa. |
.advertencia |
Indica una advertencia que podría necesitar atención. |
.info |
Se usa como una alternativa a los estilos predeterminados. |
# | Producto | Pago tomado | Estado |
---|---|---|---|
1 | TB - Mensual | 01/04/2012 | Aprobado |
2 | TB - Mensual | 02/04/2012 | Rechazado |
3 | TB - Mensual | 03/04/2012 | Pendiente |
4 | TB - Mensual | 04/04/2012 | Llama para confirmar |
... 1 TB - Mensual 01/04/2012 Aprobado ...
Marcado de tabla soportado
Lista de elementos HTML de tablas compatibles y cómo se deben usar.
Etiqueta | Descripción |
---|---|
|
Elemento de embalaje para mostrar datos en un formato tabular |
|
Elemento contenedor para filas de encabezado de tabla ( ) para etiquetar las columnas de la tabla |
|
Elemento contenedor para filas de tabla ( ) en el cuerpo de la mesa |
|
Elemento de contenedor para un conjunto de celdas de tabla ( o ) que aparece en una sola fila |
|
Celda de tabla predeterminada |
|
Célula de tabla especial para etiquetas de columna (o fila, según el alcance y la ubicación) Debe usarse dentro de un
|
|
Descripción o resumen de lo que contiene la tabla, especialmente útil para lectores de pantalla |
... ... ... ... ...