php - 为来自数据库的 HTML 表格设置样式

Question

我需要使表中显示的查询结果看起来像下面显示的布局原型(prototype)。

我只想知道如何制作左边的图片。 三明治名称和价格排在上面，描述在下面。

我正在使用 foreach 在表中回显查询。

foreach ($rows as $row)
                {
                    echo "<tr>";
                    echo "<td><img src=" . $row["image_file"] . "></td>";
                    echo "<td>" . $row["productname"] . "</td>";
                    echo "<td>" . $row["description"] . "</td>";
                    echo "<td>" . $row["price"] . "</td>";
                    echo "</tr>";
                }

我的当前显示这个:

Answer 1

有几种方法可以做到这一点:嵌套表，行跨度，或CSS

这一切都取决于你想要什么。

行跨度

{
    echo "<tr>";
    echo "<td rowspan='2'><img src='" . $row["image_file"] . "'></td>";
    echo "<td>" . $row["productname"] . "</td>";
    echo "<td>" . $row["price"] . "</td>";
    echo "</tr>";
    echo "<tr>";    
    echo "<td colspan='2'>" . $row["description"] . "</td>";
    echo "</tr>";
}