Etiqueta HTML <colgroup>

Definição e Uso

<colgroup> A tag é usada para definir o formato de grouping de uma ou mais colunas em uma tabela.

Para aplicar estilos a todas as colunas<colgroup> A tag é muito útil, pois assim não é necessário aplicar repetidamente o estilo a cada célula e linha.

Nota:<colgroup> A tag deve ser <table> elemento filho, localizado em qualquer <caption> depois do elemento e de qualquer <thead>、<tbody>、<tfoot> e <tr> antes do elemento.

Dica:Para definir <colgroup> Para definir propriedades diferentes para uma coluna específica, use <colgroup> Usar em tags <col> tag.

Veja também:

Manual de Referência HTML:<col> tag

Manual de Referência do DOM HTML:Objeto ColumnGroup

Exemplo

Usar <colgroup> e <col> tags para definir a cor de fundo de três colunas:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>Número do livro</th>
    <th>Título</th>
    <th>Preço</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML Básico</td>
    <td>$53</td>
  </tr>
</table>

Experimente você mesmo

Atributo

Atributo Valor Descrição
span Número Define o número de colunas que o grupo de colunas deve cruzar.

Atributos globais

<colgroup> A tag também suporta Atributos globais no HTML.

Atributos de evento

<colgroup> A tag também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <colgroup> Elemento:

colgroup {
  display: table-column-group;
}

Experimente você mesmo

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte