Uma tabela, geralmente, muda de comprimento conforme a tela vai diminuindo, até chegar em dado tamanho limite. Podemos usar alguns recursos de forma a deixar a tabela menos sensível à variação de comprimento da tela. Voltar para a página anterior.
Ao englobar a tabela dentro de uma div, podemos utilizar a declaração overflow, overflow-x ou overflow-y. Isso fará com que o tamanho da tabela seja conservada e barras de rolagem apareçam, se os devidos valores forem utilizado.
| 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 |