Mostra a lista de usuários que se parece com o formato de lista de produtos de comércio eletrônico em php

YADHURAJ MAGESHKUMAR

Estou criando um painel do sistema de gerenciamento de usuários, onde desejo mostrar minha lista de usuários como a lista de produtos de um site de comércio eletrônico

Meu código php é.

<?php  
 $connect = mysqli_connect("localhost", "root", "xxxxx", "xxxxx");  
 $query = "SELECT * FROM users";  
 $result = mysqli_query($connect, $query);  
 ?> 


       <div  style="width:700px;">  
            <div class="table-responsive">  
                 <table class="table table-bordered">  
                      <tr> 

                           <th width="20%">Location</th> 
                           <th width="20%">Employee Name</th>  
                           <th width="30%">Last Login</th>
                           <th width="30%">View</th>  
                      </tr>  

                      <?php  

                      while($row = mysqli_fetch_array($result)) 

                      {  

                      ?>  

                      <tr> 
                          <td><?php echo $row["Location"]; ?></td> 
                           <td><?php echo $row["userName"]; ?></td>
                           <td><?php echo $row["session"]; ?></td>  
                           <td><input type="button" name="view" value="view" id="<?php echo $row["userEmail"]; ?>" class="btn btn-info btn-xs view_data" /></td>  

                      </tr>  

                      <?php  
                      }  
                      ?>  

                 </table>  
            </div>  
       </div> 

Eu quero que minha saída de usuários seja parecida com dinamicamente.

User-1 | User 2   | User 3   | User 4
User-5 | User 6   | User 7   | User 8
User-9 | User 10  | User 11  | User 12 

Por favor ajude.

VTodorov

Não use uma tabela para estruturar seu site / webapp. Você pode obter um design responsivo facilmente usando, por exemplo, o Bootstrap. Você deve usar o sistema de grade do Bootstrap .

Você pode usar algo assim:

<div class='container'>
 <div class=row>
   <div width="20%">Location</div> 
   <div width="20%">Employee Name</div>  
   <div width="30%">Last Login</div>
   <div width="30%">View</div>  
 </div>
  <?php  
      while($row = mysqli_fetch_array($result)) 
      {
        echo "<div class='col-md-4'>".$yourDataHere."</div>
      }
  ?> 
</div>

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados