Tabelas com cores alternadas utilizando Jquery

Este código é bem simples e o melhor economiza bastante tempo, geralmente para melhor visualização de uma tabela utilizamos cores alternadas nas linhas, com o jquery simplificamos isso ao máximo.

 

$(document).ready(function(){

   $("tr:odd").css("background-color", "#F5F5F5");
	
});

 Utilizando o código acima transformaremos todas as tabelas usadas para tabelas com cores alternadas, o que o JQUERY faz é simplesmente adicionar o CSS de background nas colunas das tabelas alternativamente deixando mais bonito e fácil de visualizar.

Lembre-se que você pode brincar com os seletores por exemplo e definir classe ou um id para as tabelas a serem alteradas assim com este código você pode facilmente fazer um modo diferente para cada tabela alterada.

Categorias

Publicidade

Tags

Palavras Chave Estoricas Calculando frete pelo site dos correios com PHP J.Stackmenu