Skip to main content

Tabelas zebradas são tabelas com linhas intercaladas com cores diferentes.

Tabelas zebradas são tabelas com linhas intercaladas com cores diferentes. Tabelas zebradas são geralmente criadas utilizando CSS ou JavaScript.

A lógica utilizada na maioria dos caso é criar estilo em CSS que irá mudar a cor de todas as linhas cujo index é par ou ímpar.

CSS:

table#tabela-zebrada tbody tr:nth-child(odd) {
    background-color: #666;
}

Exemplos:

inserir a descrição da imagem aqui

Referencias externas: