table_chart
Encabezado de tabla
La etiqueta <thead> agrupa el contenido del encabezado en una tabla HTML
<table>
<thead>
<tr>
<th>Producto</th>
<th>Precio</th>
<th>Stock</th>
</tr>
</thead>
<tbody>
<tr>
<td>Laptop</td>
<td>$999</td>
<td>15</td>
</tr>
</tbody>
</table>
<thead>
<tr>
<th>Producto</th>
<th>Precio</th>
<th>Stock</th>
</tr>
</thead>
<tbody>
<tr>
<td>Laptop</td>
<td>$999</td>
<td>15</td>
</tr>
</tbody>
</table>
settings
Características principales
- group_work Agrupa filas de encabezado
- sort Permite ordenar columnas con JavaScript
- accessibility Mejora la accesibilidad para lectores de pantalla
visibility
Ejemplo visual
| Producto | Precio | Stock |
|---|---|---|
| Laptop | $999 | 15 |
| Monitor | $299 | 23 |
| Teclado | $79 | 42 |
lightbulb
Buena práctica
Usar <thead> junto con <tbody> y <tfoot> para una estructura semántica completa
compare_arrows
Posición en la estructura
- looks_one Se coloca después de <caption> y <colgroup>
- looks_two Se coloca antes de <tbody> y <tfoot>