Aqui vai uma dica simples, mas bem útil, para você zebrar o grid (alternar linhas coloridas) com jQuery.
Isto é muito utilizado para destacar a separação das linhas do grid, sem, no entanto, utilizar as bordas do mesmo, o que não gera um efeito plenamente satisfatório.
Vamos ao código!
O primeiro passo é criar uma classe que irá conter a cor de fundo:
<style type="text/css">
.bgCinza { background-color: #f5f5f5; }
</style>
No caso, eu utilizei um tom de cinza para fazer a alternância das linhas.
Em seguida, basta incluir no header da página o seguinte código:
<script type="text/javascript"><br />
$(document).ready(function () { $('table tr:even').addClass('bgCinza'); });<br />
</script>
Se preferir, você pode setar uma classe para a table e fazer a chamada acima para a classe criada. Assim, ao invés de setar a classe bgCinza para todas tabelas, somente aqueles que tiverem a classe serão modificadas:
$(document).ready(function () { $('.grid tr:even').addClass('bgCinza'); });
Note que, obviamente, você também deverá incluir, antes do código javascript acima, uma chamada para o core do jQuery:
<script type="text/javascript" src="/path/to/jquery.1.6.2.min.js"></script>
O resultado final fica como mostrado na imagem abaixo:
Espero que sirva para você também!
| Ofertas Relacionadas |  Sony Ericsson Xperia Mini Pro Sk17 3g Wi Fi Android Hd Gps Mais info» R$ 535.00 até 18x de 40.13 |  Celular Hiphone 4 Mp30 2 Chips Wi Fi Tv Fm Java Msn Touch 4g Mais info» R$ 119.00 até 18x de 8.93 |  Smartphone Samsung Galaxy Ace S5830 800mhz 3g Wi Fi Gps Mais info» R$ 610.00 até 18x de 45.75 |
|---|
