PHP获取数据库中的数据转换成HTML表格

PHP获取数据库中的数据转换成HTML表格

问题描述:

我希望把我的数据库中的数据转换成HTML表和它不那么容易,因为它似乎,看看我的照片和代码来对我的问题是什么PHP获取数据库中的数据转换成HTML表格

我的结果得到更好的理解:

enter image description here

所需的结果:

enter image description here

基本上我想分离第e结果如红线所示,因此每个项目变得分开。

PHP代码:

$sql = mysql_query("SELECT * FROM products"); ?> 


<table id='display'> 


    <?php 
     while($rows = mysql_fetch_array($sql)) 
      { 
    ?> 
     <tr><td><?php echo "<img src=$rows[$product_image] height='200px' width='200px'>" ?></td></tr> 

     <tr> 
     <td><b><?php echo "$rows[$product_name]" ?></td> 
     <td><b><?php echo "Avalible: $rows[$product_qua]" ?></td> 
     <td><b><?php echo "Price: £ $rows[$product_price]" ?></td> 
     <td><b><?php echo "Description: $rows[$product_des]" ?></td> 
     </tr> 
     <tr> 
     <td><strong><p>Please Login To purchase this item </p></strong><a href="login.php">Login</a></td> 
     </tr> 

     <?php 
      } 
     ?> 

</table> 

CSS代码:

table#display{ 
    float:left; 
    border: 5px solid black; 
    margin-top:50px; 
    margin-left:10px; 

} 
table#display td{ 
    border: 1px solid black; 
    padding:0 8px; 

} 
table#display tr{ 
    border: 1px solid black; 
    padding:0 8px; 

} 
+0

使用foreach循环 – RSM 2013-03-10 21:26:17

+1

您可以为每个结果创建一个新表格,并在CSS中设置“margin-bottom”以使表格分开。 – alu 2013-03-10 21:27:05

+0

和一个体面的模板系统。 – 2013-03-10 21:27:32

我的解决办法: PHP代码:

$sql = mysql_query("SELECT * FROM products"); ?> 

<?php 
    while($rows = mysql_fetch_array($sql)) 
     { 
?> 
<table class='display'> 
    <tr><td><?php echo "<img src=$rows[$product_image] height='200px' width='200px'>" ?></td></tr> 

    <tr> 
    <td><b><?php echo "$rows[$product_name]" ?></td> 
    <td><b><?php echo "Avalible: $rows[$product_qua]" ?></td> 
    <td><b><?php echo "Price: £ $rows[$product_price]" ?></td> 
    <td><b><?php echo "Description: $rows[$product_des]" ?></td> 
    </tr> 
    <tr> 
    <td><strong><p>Please Login To purchase this item </p></strong><a href="login.php">Login</a></td> 
    </tr> 
    </table> 

    <?php 
     } 
    ?> 

的CSS:

table.display{ 
    float:left; 
    border: 5px solid black; 
    margin-top:50px; 
    margin-left:10px; 
    margin-bottom: 10px;  
} 
+0

你建议的解决方案的工作方式,我想它是很多thx – Tomazi 2013-03-10 22:21:46

+0

如果它的工作,请接受答案,请。谢谢 :) – alu 2013-03-10 23:41:26