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 |