Acredito que todos já devem ter visto por aí com fazer uma tabela zebrada (com cores das linhas alternadas) utilizando JQuery, aqui mesmo do blog tem como fazer. Agora vou ensinar como fazer com PHP, é bem simples e didático. Vamos ao código:
<html>
<head><title>Tabela zebrada com PHP</title>
<style type="text/css">
tr.par{background-color:#CCCCCC;}
tr.impar{background-color:#FAFAFA;}
table{border-collapse:collapse;}
</style>
</head>
<body>
<table>
<?php
//variável que servirá para criar as linhas
$linha = 1;
for($linha=1;$linha<10;$linha++){
if($linha%2==0){
$class="impar";
}
else{
$class="par";
}
echo "<tr class='$class'><td>Coluna1</td><td>Coluna2</td></tr>";
}
?>
</table></body></html>
O segredo está na linha if($linha%2==0){
O operador % retorna o resto da divisão, caso o valor da variável dividido por 2 retornar 1 significa que ele é impar, então é atribuido o valor da classe CSS á variável $class que deternimará a cor de fundo da linha da tabela, e assim sucessivamente até que se satisfaça a condição (que $linha sej menor que 10).
Simples não...
Assinar:
Postar comentários (Atom)
olá gostaria que você entrase em contato comigo queria falar com vc sobre parceria meu e-mail pe contato@clickdesenvolvimento.com.br, curti dimais esse tutoriais e queria falar com vc forte abraço e aguardo uma resposta.
ResponderExcluirMuito bom esse post
ResponderExcluirGostei muito
Ajudou muito no desenvolvimento
do projeto em que me encontro!!
Muito bom, agora ficou fácil criar este efeito.
ResponderExcluir