Tablas tradicionales

Son las tablas definidas por las etiquetas <table/> y todas las relacionadas. Estas contienen un espaciado pequeño por defecto y un margen mínimo para delimitar su alcance.

Ver ejecución icon execute code

Divisores como tablas

También existe una opción para manejar divisores a manera de tabla. Esto permite que la carga de la página sea más rápida.

.table
Tabla.
.theader
Encabezado; zona superior de la tabla.
.thead
Celda de encabezado.
.tbody
Contenido de la tabla; zona central de la tabla.
.trow
Renglón de tabla. Este puede encontrarse dentro de divisores identificados como .theader, .tbody o .tfooter.
.tcell
Celda de contenido.
.tfooter
Pie de página; zona inferior de la tabla.
.tfoot
Celda de pie de página.

Ver ejecución icon execute code

Modificadores

Aún cuando en la mayoría de las ocasiones las tablas serán utilizadas de manera natural, sin modificar el código, se han introducido dos variantes que deben ser agregadas en conjunto con .table:

.table-list
Listado de datos, utilizado para listados comparativos.
.table-desc
Descripción de datos, utilizada principalmente en formularios.