CodeIgniter数据库结果对齐不正确

Question

我从数据库获得结果并尝试在页面上显示。但是对齐不正确。我可以知道如何解决它？

查看代码

<?php

        echo "<table align='center'>";

        echo "<tr>";
        echo "<td>  Language ID:  </td>";
        echo "</tr>";

        echo "<tr>";
        echo "<td> Language Name:  </td>";
        echo "</tr>";

        echo "<tr>";
        echo "<td> Date Posted :  </td>";
        echo "</tr>";

        if ($query == true) {
            foreach ($query as $row) {

                echo "<tr>";
                echo "<td>" . $row -> pk_bint_language_id . "</td>";
                echo "<td>" . $row -> vchr_language_name . "</td>";
                echo "<td>" . $row -> bint_language_level . "</td>";
                echo "<td>" . $row -> dat_updated_date . "</td>";

                echo "</tr>";

            }

        }

        echo "</table>";
        ?>

输出：

Answer 1

您希望在four循环中显示foreach行，但标题部分中只有three。从我可以看到你遗漏Language level /添加到示例/

 echo "<table align='center'>
          <tr>
            <td> Language ID:  </td>
            <td> Language Name:  </td>
            <td> Language Level:  </td>
            <td> Date Posted :  </td>
          </tr>";

    if ($query == true) {
        foreach ($query as $row) {

            echo "<tr>";
            echo "<td>" . $row -> pk_bint_language_id . "</td>";
            echo "<td>" . $row -> vchr_language_name . "</td>";
            echo "<td>" . $row -> bint_language_level . "</td>";
            echo "<td>" . $row -> dat_updated_date . "</td>";

            echo "</tr>";

        }

    }

    echo "</table>";

Answer 2

您似乎在第一个表格行（<td>）中使用静态“语言ID：”等 3 <tr>，但您有在<td>循环中有4 foreach() s。您似乎错过了静态<td>的“语言级别”。

我建议您也使用<thead>和<tbody>标记。

Answer 3

您应该使用表格标题th而不是td。至少这是一种更合适的方式。

<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

您可以在w3school http://www.w3schools.com/html/html_tables.asp

上查看

@bborisovs答案是对的。但是如果你想使用3 td而不是4 td，你也可以这样做

<td colspan="2"> //meainng this single 'td' with take two 'td' place