Etiquetas HTML colgroup y col

Dos etiquetas HTML que pasan bastante desapercibidas son <colgroup> y <col>.
La verdad es que es una pena porque son bastante íºtiles para trabajar con tablas.
Ilustro su uso con un ejemplo.
<table>
<colgroup span=”4″>
<col style=”width:100px”/>
<col style= “color:red”/>
<col style= “width:30px;”/>
<col style=”background-color:blue; font-weight:bold”/>
</colgroup>
<tr>
    <td>Hola</td>
    <td>qué</td>
    <td>tal</td>
    <td>estás</td>
</tr>
<tr>
    <td>Pues</td>
    <td>bastante</td>
    <td>bien</td>
    <td>sabes</td>
</tr>
</table>
Mira tíº por donde estamos definiendo las propiedades de las columnas de la tabla sin necesidad de marcarlas por cada una de sus filas.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.