Skip to main content

Linha do tempo de Criar tabela html e zebrar a mesma

Licença atual: CC BY-SA 3.0

18 eventos
quando alternar formato o que por licença comentário
11/11/2015 às 10:56 voto aceitação pnet
14/05/2014 às 17:25 comentário adicionado Erlon Charles @pnet conseguiu fazer?
8/05/2014 às 13:01 comentário adicionado Erlon Charles Cara isso tá muito estranho, tenta reproduzir o seu cenário no jsfiddle.net, a única coisa q eu consigo pensar agora é seu monitor estar com excesso de brilho e por isso vc não estar conseguindo ver as zebras...
7/05/2014 às 23:06 comentário adicionado pnet Nada, troquei de class para id e mesmo assim não zebra.
7/05/2014 às 22:29 comentário adicionado Erlon Charles tenta colocar assim .tblGrid tr:nth-child(2n+2) { background:#ccc; }
7/05/2014 às 22:07 comentário adicionado pnet Está assim o meu e nada. A classe .tblGrid é a tabela que eu quero zebrar. Ainda não funfa.table.tblGrid { background:#fff; width:100%; } tr:nth-child(2n+2) { background:#ccc; }
7/05/2014 às 20:23 histórico editada Erlon Charles CC BY-SA 3.0
adicionou 356 caracteres ao conteúdo
7/05/2014 às 20:14 comentário adicionado Kazzkiq Como a pergunta não deixou claro se a solução pode ser especifica para CSS3 acho pertinente adicionar os navegadores que suportam estes seletores.
7/05/2014 às 20:13 histórico editada Erlon Charles CC BY-SA 3.0
conteúdo editado
7/05/2014 às 20:12 comentário adicionado Erlon Charles para zebrar as colunas você usa td:nth-child(2n+2) { background: #ccc; } e para zebrar as linhas você usa tr:nth-child(2n+2) { background: #ccc; }
7/05/2014 às 20:05 comentário adicionado Erlon Charles Eu removi o td da resposta, ele podia estar causando conflito com algum outro estilo que você tivesse na sua app
7/05/2014 às 20:03 histórico editada Erlon Charles CC BY-SA 3.0
removeu 6 caracteres do conteúdo
7/05/2014 às 20:02 comentário adicionado Erlon Charles Fica assima zebra vertical jsfiddle.net/cG3UK/2
7/05/2014 às 20:00 comentário adicionado Erlon Charles Você não precisa deste td, tr:nth-child(2n+2) { background: #ccc; } é suficiente, se vc quiser fazer uma zebra vertical basta trocar o tr por um td e vai ficar assim td:nth-child(2n+2) { background: #ccc; }
7/05/2014 às 19:57 comentário adicionado Erlon Charles De preferência, mas se postar como comentário ainda da pra acompanhar os 'logs' da discução.
7/05/2014 às 19:44 comentário adicionado Erlon Charles posta o que tu fez pra poder ver o que aconteceu e poder identificar algum possível erro
7/05/2014 às 17:45 histórico editada Erlon Charles CC BY-SA 3.0
adicionou 788 caracteres ao conteúdo
7/05/2014 às 17:37 histórico respondeu Erlon Charles CC BY-SA 3.0