Tabela Zebrada com PHP | André Buzzo
contato@andrebuzzo.com.br | (11) 9-8551-3500 | facebook | skype:andrebuzzowebdesign

Tabela Zebrada com PHP

Publicado na categoria Tutoriais com 15.583 visualizações e 5 comentários

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 vamos ver 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==1){

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).

E o efeito obtido é esse:

Fonte: http://tutoriaisphpnet.blogspot.com/2010/08/tabela-zebrada-com-php.html

Voltar à página anterior!

  • Fabiano Couto

    Como faz pra exibir dados de uma tabela sql em uma tabela zebrada.

    • Fala Fabiano!

      Cara … o que você precisa? Configurar a exibição dos dados oriundos do SQL ou levantar os dados da tabela?

      Abraços!

  • Victor Viegas

    Está funcionando sim.
    Não basta dar ctrl c + ctrl v.
    O formato das aspas tem que ser alteradas no seu documento.
    Aqui funcionou direitinho.
    Obrigado, André Buzzo.
    Tutorial simples e direto.

  • Alyson

    André tentei fazer essa tabela zebrada mais não consegui.. aparece “Coluna 1 e Coluna 2” mais não fica zebrada.. Achei estranho.. Vou estudar um pouco o codigo pra ver se consigo fazer ele funcionar.

    • Fala Alyson!

      Assim que eu puder, dou uma olhada lá no Fórum!

      Obrigado meu velho!

      Abraços!