PHP中的HTML表格网格

Question

我目前正在做一些基本的 PHP，我正在从 mysql 获取产品并在表格中显示每个产品以及相应的详细信息。

目前它们是彼此下方的一个

Product1 Name
Product1 Price
Product1 Description

Product2 Name
Product2 Price
Product2 Description

现在我想将它们显示在 3 列的网格中。 这意味着并排显示 3 个产品，然后第 4 个产品显示在第 1 个产品下方，依此类推。

$displayAllProducts.=
        "
            <tr><td>Product Name : </td><td>$productName</td></tr>
            <tr><td>Product Price : </td><td>$productPrice</td></tr>
            <tr><td>Product Qty  : </td><td>$productQty</td></tr>
            <tr><td colspan =\"2\"><img src=\"$imagePath\" width = \"100\" height = \"100\"></td><td></td></tr>
            <tr><td colspan =\"2\"><a href=\"singleProduct.php?pid=$productID&uid=$uid\">View Product<br/><br/><br/></td><td></td></tr>   
         ";



<table>
 <?php
  echo $displayAllProducts;
 ?>
</table>

Answer 1

在没有看到循环通过 db 行的实际代码的情况下，这是一个总体思路。这将使每个$displayAllProducts 都有自己的表，嵌套在主表<td> 的

$i=1;  // start a general counter
while($i<$number_of_db_rows){
if($i%3 = 1) {   // If number is 1,4,7,etc start a new row
$displayAllProducts.= "<tr>"; 
}
$displayAllProducts.=
    "
        <td>     // put each db row inside a cell
        <table>  // create a bounding table
        <tr><td>Product Name : </td><td>$productName</td></tr>
        <tr><td>Product Price : </td><td>$productPrice</td></tr>
        <tr><td>Product Qty  : </td><td>$productQty</td></tr>
        <tr><td colspan =\"2\"><img src=\"$imagePath\" width = \"100\" height = \"100\"></td><td></td></tr>
        <tr><td colspan =\"2\"><a href=\"singleProduct.php?pid=$productID&uid=$uid\">View Product<br/><br/><br/></td><td></td></tr>
        </table> 
        </td>  
     ";
if($i%3 = 0) {   // If number is 3,6,9,etc close the row
$displayAllProducts.= "</tr>";
}
$i++ // increase the counter to start again
}  // ends the loop


<table>
<?php
echo $displayAllProducts;
?>
</table>