PHP: Exibindo em Colunas
Olá pessoal, hoje vou postar mais uma das coisas chaves no PHP, que muitos quebram a cabeça para fazer, que é a tal da exibição de dados em colunas com PHP + MySQL.
Em geral, você fazer um SELECT, e exibir os dados em lista um abaixo do outro, é facil, basta fazer o SELECT no MySQL ou no outro banco de dados que você tiver utilizando, e fazer um while no PHP e pronto, mas quando o negócio é exibir em colunas a coisa parece ser bem mais complicada…. mas não é, é bem simples, você só precisa de um truque e “VOILÁ (Vualá)“… está pronto !!! Mas ai vem a tal pergunta, “que truque é esse !??”… pois então, agora vou explicar ele de uma forma bem simples e prática no próprio código fonte.
Caso você queira baixar o exemplo, basta clicar aqui.
E também você pode ver um exemplo prático deste script, clicando aqui.
.
Vamos ao CÓDIGO:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <table border="0" cellpadding="0" style="border-collapse: collapse" align="center"> <tr> < ? // Você define o número de Colunas desejadas $colunas = 4; // Criamos um verificador, para contagem $i = 1; // Fizemos a nossa query normal no Banco de Dados // E iniciamos a exibição dos dados com o WHILE $q_cervejas = mysql_query("select nome from cervejas order by nome asc"); while($cervejas = mysql_fetch_object($q_cervejas)){ // Aqui é parte do truque, fizemos um calculo, dividindo nosso $i pelo número de colunas $resto = $i%$colunas; ?> <td width="100" height="100" align="center"> Cerveja<br /> <b>< ? print $cervejas->nome; ?></b> </td> < ? // Aqui vem o truque, se o $resto for igual 0, iniciamos uma nova linha de dados na tabela, fechando a anterior com o </tr> if($resto == 0){ print "</tr>"; print "<tr>"; } // Incrementamos +1 no $i ao final de cada loop do WHILE $i++; } // Se o $resto for diferente de 0, fecha a linha da tabela, com o </tr> if($resto != 0){ ?> < ? } ?> </table> |
.
Lembre-se, caso queira baixar o código, clique aqui, e veja o exemplo prático clicando aqui.
CodeIgniter e MVC – Parte 01 MVC: Conceito e Funcionamento.
10 Melhores dicas para WordPress
Nova colunista acaba de chegar para falar de WordPress
Desenvolvendo web com Modernizr
Confira o Podcast webARTz, com vários assuntos abordados aqui no blog. Utilize os links abaixo para baixar os arquivos.
Comentários (11)
Trackbacks/Pingbacks (0)
1ºMayko Hellz escreveu:
Muito show. É mais dinâmico do que o que eu costumava usar. Só de curiosidade, vc pesquisou, ou conhecia isso tudo de marca de cerveja? hahaha
[]‘s
2ºRodrigo Luis escreveu:
Eu faço parte do AA (Alcoolatras Assumidos) mesmo… essas marcas foram só as de consumo próprio… se tivesse pesquisado no Google, tinha bem mais marcas…. HAuHUAhUHAUAh… Brincadeiras a parte….
3ºGustavo Botega escreveu:
Meus parabéns.Muito Útil.Muto bom msm.
4ºamarilis escreveu:
Adorei, tinha dúvidas em relação a isso, mas vc tirou todas.
Muito obrigada!!!!!
5ºFernando Barbosa escreveu:
mto boa a explicação! sei que o artigo não é tão atual…mas me ajudou mto!
estava com uns erros pra quebrar as colunas, e só com esta ajuda consegui.
valeu Rodrigo!
6ºAlbeci Nogueira escreveu:
Muito bom mesmo, era isso que eu estava procurando, simples, prático, fácil e rápido.
Parabéns!
7ºrogerio escreveu:
Cara muito bom, bem prático. Vlw.
8ºrafael escreveu:
Valeu Irmão. Me ajudou muito. Parabéns. Deus o abençoe.
9ºrafael Moran escreveu:
Pô to o dia inteiro tentando fazer isso,
cara valeu pela ajuda…
10ºbruno escreveu:
valew brother, funcionou certinho aqui !!
11ºRafael escreveu:
Bom dia, o código ajudou bastante.
Só que como a lei de murphy, preciso de algo um pouquinho diferente.
É em relação a Ordenação, preciso dela no formato vertical .. da para entender ?
Vou tentar explicar com um exemplo:
1 – Tenho 6 registros.
2 – Preciso que crieuma tabela com 2 colunas.
Com o código atual fica da seguinte forma:
1 2
3 4
5 6
Preciso dele da seguinte maneira:
1 4
2 5
3 6
Tem como ajudar ?!
Desde já agradeço.
Att.
Rafael