Agrupando columnas: las etiquetas col y colgroup
9, 22 de 2006-02-22 de 2006
Estos elementos pueden sernos de utilidad para agrupar columnas y definir propiedades comunes una, todas o algunas de ellas. Permiten que se les apliquen las siguientes propiedades css:
- border (sólo en el caso de que la tabla tenga la propiedad border-collapse en collapse)
- background
- width
- visibility
table.ejemplocol {
border-collapse: collapse;
}
.impar {
text-align: right;
border:1px dotted #000;
background: #F5D7E1;
width: 35%;
}
.par{
text-align: center;
background: #A8949A;
width: 15%;
}
<table width="100%" class="ejemplocol">
<colgroup><col
class="impar" /> <col class="par" /><col
class="impar" /> <col class="par
/></colgroup>
<tr>
<td>Impar 1</td>
<td>Par 1</td>
<td>Impar 2</td>
<td>Par 2</td>
</tr>
<tr>
<td>Impar 11</td>
<td>Par 11</td>
<td>Impar 21</td>
<td>Par 21</td>
</tr>
</table>
Y el resultado es el siguiente:
| Impar 1 | Par 1 | Impar 2 | Par 2 |
| Impar 11 | Par 11 | Impar 21 | Par 21 |
