Ejemplo
Un <colgroup> elemento que especifica que la primera columna debe tener un ancho predefinido de 200 píxeles:
<table>
<colgroup width="200">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Inténtalo tú mismo " Definición y Uso
El width atributo especifica la anchura de un grupo de columnas.
Normalmente, un grupo de columnas ocupa el espacio que necesita para mostrar el contenido. El width atributo se utiliza para establecer un ancho predefinido de un grupo de columnas.
Nota: Este atributo será sobrescrita por cualquier ancho establecido por <col> elementos.
Soporte para el navegador
Atributo | |||||
---|---|---|---|---|---|
width | Sí | Sí | Sí | Sí | Sí |
La width atributo es compatible con todos los principales navegadores. Sin embargo, ninguno de los navegadores soportan el valorrelative_length.
Notas de compatibilidad
La width atributo de la <colgroup> no es compatible con HTML5. Usar CSS en su lugar.
Sintaxis CSS: <td style="width:200px">
CSS Ejemplo: Especificar ancho de una columna de la tabla
En nuestro tutorial CSS se pueden encontrar más detalles sobre la width la propiedad .
Sintaxis
<colgroup width="pixels|%|relative_lngth">
Los valores de atributo
Valor | Descripción |
---|---|
pixels | Establece el ancho en píxeles (ejemplo: width="50" ) |
% | Establece el ancho en porcentaje del elemento circundante (ejemplo: width="50%" ) |
relative_length | Comparte los píxeles disponibles en partes. (Por ejemplo, una tabla es de 100 píxeles, el primer grupo de columnas es de 20 píxeles, la segunda es de 50%, los píxeles disponibles serán 30px). Una parte se establece así: "1*" . Ejemplo: Si el 30 píxeles de espacio están disponibles, se puede tener un "1*" y uno "2*" , que se interpreta como 10 y 20 píxeles (piensan de 1* como una parte, y 2* como dos partes) . |