构建 5x6 动态 HTML 表格

Question

我正在尝试使用 PHP 动态构建一个 5x6 的表。现在我的桌子尺寸是 1x30。我可能缺少 if 语句或其他东西，但就是无法弄清楚。一点帮助就太好了。

 $data = mysql_query("SELECT * FROM product") 
 or die(mysql_error());
 $info = mysql_fetch_array( $data );
 print "<table border cellpadding='0' cellspacing='0'>";
 while($info = mysql_fetch_array( $data )) 
 { 
 Print "<tr><td>".$info['name'] . "  <br /><img src=".$info['pictureURL'] . " /></td></tr>"; 
 }

print "</table>";

这是一个演示 http://nova.it.rit .edu/~mpb8676/FinalProject/compare.php

Answer 1

您正在使用此行为每条记录打印一个新行：

Print "<tr><td>".$info['name'] . "  <br /><img src=".$info['pictureURL'] . " /></td></tr>";

如果您想要一个 5x6 表，那么您必须添加列计数器：

$data = mysql_query("SELECT * FROM product") 
or die(mysql_error());
$info = mysql_fetch_array( $data );
print "<table border cellpadding='0' cellspacing='0'>";
$numCols = 5;   // Max number of columns
$colCount = 0;  // Current column count (the counter)
while($info = mysql_fetch_array( $data )) 
{ 
    if ($colCount == 0) {
        Print "<tr>";
    }

    Print "<td>".$info['name'] . "  <br /><img src=".$info['pictureURL'] . " /></td>";

    $colCount++;

    if ($colCount >= $numCols) {
        Print "</tr>";
        $colCount = 0;
    }
}

print "</table>";

肯定有更有效的方法来解决此问题，但我尝试保留您的代码完整，以便您更好地了解您的问题是什么。

Answer 2

我相信您需要更多 td：

  Print "<tr><td>".$info['name'] . "</td><td><img src=".$info['pictureURL'] . " /></td><td>and</td><td>so</td><td>on</td></tr>"; 

Answer 3

您需要特殊对待。正确的是，您将为查询中的每个结果输出一个单元格行。相反，您需要：

$cells_printed = 0;
while($info = mysql_fetch_array( $data )) {
   if ($cells_printed % 6 == 0) {
      echo '</tr><tr>'; // start a new row
   }
   echo '<td>blahblahblah</td>';
   $cells_printed++;
}

当您所在的单元格是 6 的偶数倍时，这只会打印 标记，表明您已到达该行末尾。

您将需要一些额外的特殊大小写来处理打印的第一行，因此您的表格开头不会有悬空的 ，但这应该足以获得你开始了。您还需要对最后一行进行特殊情况处理，因此即使此时打印的不是“第 6”个单元格，您也可以正确关闭该行。