Tabla con varios encabezados en cada columna.
Ejemplo:
Datos de los contactos.
| |
Ejemplo 1 |
Ejemplo 2 |
| Nombre |
Luis Londoño |
Maria Buitrago |
| Carrera |
Administración de Sistemas |
Ingeniería Eléctrica |
| Correo |
lflondonor@unal.edu.co |
mjbuitragos@unal.edu.co |
| |
Ejemplo 3 |
Ejemplo 4 |
| Nombre |
Mauricio Giraldo |
Emilcy Hernandez |
| Carrera |
Administración de Sistemas |
Administración de Sistemas |
| Correo |
mgiraldoo@unal.edu.co |
ejhernandezl@unal.edu.co |
Fragmento de Código: Asignando el atributo id a las celdas <th>
[…]
<th id="co1">Ejemplo 1 </th>
<th id="co2">Ejemplo 2 </th>
[…]
<th id="c1">Nombre</th>
[…]
Fragmento de Código: Asignando el atributo header a las celdas <td>
[…]
<td headers="co1 c1">Luis Londoño</td>
<td headers="co2 c1">Maria Buitrago</td>
[…]
Tabla con tres encabezados relacionados con cada celda
Ejemplo:
Cantidad de carros vendidos en los ultimos tres años.
|
Mazda
|
BMW
|
Chevrolet
|
Nissan
|
|
Manizales
|
|
2014
|
45
|
15
|
30
|
50
|
|
2015
|
40
|
25
|
30
|
55
|
|
2016
|
35
|
30
|
40
|
60
|
|
Cali
|
|
2014
|
50
|
12
|
35
|
40
|
|
2015
|
50
|
25
|
40
|
45
|
|
2016
|
55
|
25
|
35
|
60
|
Fragmento de Código: Asignando el atributo id a las celdas <th>
[…]
<th id="manizales" colspan="5" scope="colgroup">Manizales</th>
</tr>
<tr>
<th id="pbed1">2014</th>
[…]
Fragmento de Código: Asignando el atributo header a las celdas <td>
[…]
<td headers="manizales pbed1 mazda">45</td>
<td headers="manizales pbed1 bmw"> 15</td>
[…]
