A customização de linhas é bastante simples, já que essas são delimitadas por tags <tr></tr>. Já a estilização de colunas é algo que não era conseguido facilmente no HTML4, sendo necessário a criação de classes e a atribuição manual para cada elemento da coluna. Voltar para a página anterior.
O HTML5 oferece a tag <colgroup></colgroup> que permite referenciar as células de dada coluna de maneira simples e direta, além de permitir configurações adicionais.
Existem muitos detalhes sobre a utilização do colgroup mas deve-se ter em mente que apenas as propriedades 'border', 'background', 'width' e 'visibility' são passíveis de mudança (W3C).
| Produto | Jan | Fev | Mar | Abr | Mai | Jun | Jul | Ago | Set | Out | Nov | Dez |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Produto 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
| Produto 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
| Produto 3 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
| Produto 4 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
| Produto 5 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
| Produto 6 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |