1

Tenho um select que traz itens com precos, como faço para dividir o resultado em duas colunas: Exemplos: inserir a descrição da imagem aqui

Espero deixar da seguinte forma: inserir a descrição da imagem aqui

Seguem meu código:

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TABELA OFERTAS</title>
    <link rel="stylesheet" href="dist/css/bootstrap.min.css">
    <script src="dist/js/jquery.min.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
    <style type="text/css">
    body {
        background-image: url("img/fundo.jpg");
        width: 100%;
        height: auto;
    }
</style>    
</head>
<body nload="toggleFullScreen()">
    <div class="container">
        <br>
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-4">
                        <img src="img/logo.png" style="width: 150px;">
                    </div>
                    <div class="col-md-8">
                        <h3>OFERTAS</h3>
                    </div>
                </div>


            </div>
        </div>
        <br>
        <?php
        include 'data/conexao.php';
        $listaProdutos = "SELECT * FROM prod_imp";
        $result = mysqli_query($conn, $listaProdutos);
        while($row = mysqli_fetch_assoc($result)) { ?>

            <div class="row">
                <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <?php echo "<h3>". $row["prod_imp_nome"] ."</h3>"; ?>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <?php echo "<h3> R$" . str_replace('.', ',', $row["prod_imp_preco"] ). "KG </h3>"; ?>
                        </div>
                    </div>                              
                </div>
            </div>
        <?php } ?>
    </div>  
</div>
</body>
</html>

A ideia seria,a cada 10 produtos criar uma nova coluna.

5
  • @sam Não, será sempre duas colunas Commented 21/08/2018 às 20:54
  • @sam sabe como poderia implementar isso no código ? Commented 21/08/2018 às 21:01
  • Talvez seria melhor dividir por 2 colunas quando for acima de 1, não?
    – Sam
    Commented 21/08/2018 às 21:02
  • @sam pode ser também Commented 21/08/2018 às 21:06
  • @sam Isso mesmo, obrigado, poste sua resposta para poder marcar por favor Commented 21/08/2018 às 22:02

1 Resposta 1

1

Só observando um erro na sintaxe no onload do body:

<body nload="toggleFullScreen()">

Também tem um fechamento </div> sobrando após o while.


No mais, para dividir o resultado em duas colunas col-md-6 você pode obter o número de resultados com $numrows = mysqli_num_rows($result); e dividir por 2. Verifique se o resultado é par com $numrows%2. Se não for par, a primeira coluna terá 1 linha a mais.

Criei duas variáveis $media (resultado da divisão por 2) e $conta (irá contar as linhas escritas e comparar com $media). Quando uma variável for igual a outra, será fechada a coluna anterior e criada uma nova.

<div class="container">
   <br>
   <div class="panel panel-default">
      <div class="panel-body">
         <div class="row">
            <div class="col-md-4">
               <img src="img/logo.png" style="width: 150px;">
            </div>
            <div class="col-md-8">
               <h3>OFERTAS</h3>
            </div>
         </div>
      </div>
   </div>
   <br>
   <div class="row">
      <div class="col-md-6">
   <?php
   include 'data/conexao.php';

   $listaProdutos = "SELECT * FROM prod_imp";
   $result = mysqli_query($conn, $listaProdutos);
   $numrows = mysqli_num_rows($result);
   $media = floor($numrows/2);
   $maxrow = $media;
   $conta = 1;
   if($numrows%2 != 0) $maxrow = $media+1;
   while($row = mysqli_fetch_assoc($result)) {
   ?>
         <div class="panel panel-default">
            <div class="panel-body">
               <?php echo "<h3>". $row["prod_imp_nome"] ." R$ ". str_replace('.', ',', $row["prod_imp_preco"] ). "KG</h3>"; ?>
            </div>
         </div>
   <?php
      if($conta == $maxrow){
   ?>
      </div>
      <div class="col-md-6">
   <?
      }
      $conta++;
   }
   ?>
      </div>
   </div>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .