Comments on: Função javascript para zebrar tabelas

By: Fernando

Fernando — Mon, 26 Jul 2010 00:26:13 +0000

Sem dúvida! Se for pra importar o fonte do jQuery que seja feito bom uso do mesmo!

Abraço!

By: Domênico Citrângulo

Domênico Citrângulo — Sat, 24 Jul 2010 12:22:18 +0000

É verdade Fernando, jQuery também é uma boa solução, desde que você use-o para outras coisas além de apenas estilizar uma tabela. Afinal de contas, se a sua necessidade é apenas essa, não faz sentido importar um JS de 70kb para fazer o mesmo que um outro de 1kb faria, não é mesmo?

Abraço!

By: Fernando

Fernando — Fri, 23 Jul 2010 23:02:46 +0000

$(function(){
i = 0;
$(’tr:even’).each(function(){
$(this).css(’background’, ‘#eee’);
});
});

jQuery tah ae pra isso.. E funciona em todos os navegadores.. inclusive os IEs.

By: Peter Gasston

Peter Gasston — Thu, 22 Jul 2010 10:56:10 +0000

Hmm… nao concordo com isso. Vc devia usar CSS3 em browsers que suporta, e JavaScript nos outros. Este parte de CSS3 esta pronta pra usar agora; nao deixe os browsers dinosauros atrapalha os modernos.

By: Ricardo Mello

Ricardo Mello — Wed, 21 Jul 2010 17:44:14 +0000

Legal Peter, mas como mais de 30% das pessoas ainda usa uma das versões do IE, prefiro usar JS de uma vez e deixar a utopia do CSS3 para 2012 (se o mundo não acabar)…

By: Peter Gasston

Peter Gasston — Wed, 21 Jul 2010 17:35:01 +0000

Muito mais facil:

tr:nth-of-type(even) td { background-color: #eee; }

Funciona em Firefox, Safari, Chrome, Opera, IE9. Precisa entao usar JavaScript so em IE6,7,8.

By: leo

leo — Thu, 25 Feb 2010 18:12:46 +0000

muito bom….

By: Marcello Morais

Marcello Morais — Wed, 30 Dec 2009 13:06:46 +0000

Valeu Domênico, resolveu de forma simples o meu problema de tornar as tabelas imensas mais interessantes. São gestos assim que torna a internet cada vez melhor. Obrigado mesmo!

By: Dom

Dom — Wed, 10 Dec 2008 23:00:32 +0000

Olá Vitor!

Ahh o IE6, sempre ele… fiz alguns testes aqui e descobri o problema. Algo bastante simples: dentro da função, a variável que contém o nome da classe que deve ser aplicada à linha zebrada chama-se ‘class’. Porém, no IE6, isso está causando conflito pois o browser usa esse nome de variável para outras informações e não ‘entende’ que seu escopo é restrito à função.

Para resolver basta trocar o nome do parâmetro de ‘class’ para ‘classe’. Já atualizei o exemplo, pode pegar o código de lá se quiser.

Havia testado no IE7 e como a função é tão simples não pensei que pudesse haver qualquer incompatibilidade com o famigerado IE6… :)
Abraço e obrigado pelo toque!

By: Vitor Odenor Aquino da Silva

Vitor Odenor Aquino da Silva — Wed, 10 Dec 2008 20:32:09 +0000

Tentei utilizar seu código, que por sinal é bem interessante, no entanto ele não funciona no IE. Você tem alguma dica?