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 |