PHP: Exibindo em Colunas
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.

01 de abril de 2008
Categoria(s): DreamWeaver, PHP
Tag(s): , , ,
Faça sua parte, divulgue o Post !!
  • Twitter
  • Google Buzz
  • Digg
  • Delicious
  • Stumbleupon
  • Technorati
  • Reddit
  • Facebook
  • LinkedIn
  • E-mail
Você pode gostar de ver:
Sobre o Autor
Rodrigo Luis
Trabalho com desenvolvimento WEB há cerca de 10 anos, e com programação em PHP há cerca de 10 anos. Tenho conhecimento em diversas linguagens, mas meu domínio é especifico em PHP, JavaScript, CSS e HTML/XHTML, tenho algum conhecimento em MySQL. Além disso é claro, tenho domínio sobre ferramentas gráficas como Adobe Fireworks e Photoshop, e CorelDRAW. Sou um fã de Tecnologia de tudo que é tipo, seja relacionada a internet ou mesmo a tecnologia de hardware. Minha formação acadêmica é na área de Publicidade e Propaganda.
Exibir Pingbacks/Trackbacks
Comentários (8)
Exibir Comentários
Pingbacks/Trackbacks (0)
  • Mayko Hellz disse:

    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

    quinta-feira, 03 de abril de 2008 às 14:40
  • Rodrigo Luis disse:

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

    quinta-feira, 03 de abril de 2008 às 15:20
  • Gustavo Botega disse:

    Meus parabéns.Muito Útil.Muto bom msm.

    sábado, 11 de julho de 2009 às 5:32
  • amarilis disse:

    Adorei, tinha dúvidas em relação a isso, mas vc tirou todas.
    Muito obrigada!!!!!

    quarta-feira, 28 de abril de 2010 às 17:30
  • Fernando Barbosa disse:

    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!

    segunda-feira, 13 de setembro de 2010 às 16:04
  • Albeci Nogueira disse:

    Muito bom mesmo, era isso que eu estava procurando, simples, prático, fácil e rápido.
    Parabéns!

    segunda-feira, 20 de setembro de 2010 às 12:54
  • rogerio disse:

    Cara muito bom, bem prático. Vlw.

    sábado, 23 de abril de 2011 às 20:57
  • rafael disse:

    Valeu Irmão. Me ajudou muito. Parabéns. Deus o abençoe.

    sábado, 10 de setembro de 2011 às 21:43
  • Este post não possui Pingbacks/Trackbacks

Escreva um Comentário

Blog webARTz: Onde a WEB encontra a ARTE

2008~2012 Blog webARTz // Powered by Wordpress // Hospedado na KingHost // Desenvolvido por: Agência BBD
Fechar
Voltar ao Topo
Atenção !!
Nosso blog passou por grandes mudanças e melhorias na estrutura, recursos e conteúdo.

Estas alterações podem causar dificuldade na navegação, por este motivo alguns bugs e/ou problemas podem ocorrer. Caso isso ocorra pedimos que você nos notifique pelo "Fale Conosco" aqui do blog.

No momento estamos trabalhando para o perfeito funcionamento
do blog.

Obrigado !!
Fechar
Abrir Aviso