php - Bootstrap 中表中行中的信息错位

Question

我有一个响应式 Bootstrap 表，并且我从 PHP 生成的一些信息未正确位于该行中。这是我的屏幕截图的链接:

生成表格的 PHP 代码是这样的:

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        echo "<div class='table-responsive'>";
        echo "<table class='table'>";
        echo "<tr>";
        echo "<td>" . $row["id"] . "</td> " . "<td>" . $row["firstname"] . "</td> " . "<td>". $row["lastname"] ."</td>";
        echo "</tr>";
        echo "</table>";
        echo "</div>";
    }
} else{ echo "0 results"; }

Answer 1

您正在使用 div 上面的 while 循环，它会再次生成您的 div 和表格。

只需将循环放在表标记之后和 <tr> 之前即可。 。然后它只会生成由 div 和 table 组成的新行。

您的代码应类似于以下内容:

<?php
if ($result->num_rows > 0) {    // output data of each row
?>

<div class='table-responsive'>
        <table class='table'>
            <?php
                while($row = $result->fetch_assoc()) {
                    echo "<tr>";
                    echo "<td>" . $row["id"] . "</td> " . "<td>" . $row["firstname"] . "</td> " . "<td>". $row["lastname"] ."</td>";
                    echo "</tr>";
                }
              ?>
        </table>
    </div>


<?php
} else{ echo "0 results"; }
?>