Skip to main content

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:

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:

Link