【问题标题】:looping through table rows php CSS循环遍历表格行php CSS
【发布时间】:2014-02-11 13:53:13
【问题描述】:

我正在循环访问从数据库中收集的一组结果。在显示从数据库中获得的数据方面没有问题。问题在于数据的样式。

我有一些 CSS 用于下面的代码,它设置了第一行数据的样式,但其余的只是回显,没有样式,尽管它们看起来好像位于 php 中定义的表中。

        $user        = $_SESSION['sess_uid'];
        $conn = new mysqli(localhost, root, DBPASS, DBNAME);
        $sql = "SELECT * FROM reports WHERE userID = '" . $conn->real_escape_string($user)."';";
        // Performs the $sql query on the server
        $result=mysqli_query($conn,$sql);
        $rows[] = array();

            echo '<table>';
            echo '<thead>';
            echo '<tr>';
            echo '<th> Report Name </th>';
            echo '<th> Category Name </th>';
            echo '<th> Sub Category Name </th>';
            echo '<th> Date Uploaded </th>';
            echo '</tr>';
            echo '</thead>';
        while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {


            echo '<tbody>';
            $rows[] = $row;
            echo '<tr>';
            echo '<td>'.$row['reportName'].'</td>'.'<td>'.$row['categoryName'].'</td>'.'<td>'.$row['subcategoryName'].'</td>'.'<td>'.$row['reportDateUploaded'].'</td>';
            echo '</tr>';
            echo '</tbody>';
            echo '</table>';



        };

有什么想法吗?

谢谢

【问题讨论】:

  • 让你的 tbody 和 end table 标签脱离循环
  • 太好了,我没有意识到他们必须坐在循环之外,因为我认为每次创建新行时都必须运行 tbody。非常感谢。
  • 可以离开tbodyw3.org/TR/html401/struct/tables.html#h-11.2.3 表格行可以分别使用 THEAD、TFOOT 和 TBODY 元素分为表头、表脚和一个或多个表体部分。
  • 我喜欢人们要求 CSS 来代替 PHP。

标签: php html css mysqli


【解决方案1】:

您需要让您的 while 语句仅包含您的 tr 和 td 元素。

【讨论】:

    【解决方案2】:

    您需要将 tbodytable 标签从您的 while 循环中取出。

     echo '<tbody>';
     while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
                $rows[] = $row;
                echo '<tr>';
                echo '<td>'.$row['reportName'].'</td>'.'<td>'.$row['categoryName'].'</td>'.'<td>'.$row['subcategoryName'].'</td>'.'<td>'.$row['reportDateUploaded'].'</td>';
                echo '</tr>';     
            }
     echo '</tbody>';
     echo '</table>';
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-07-19
      • 1970-01-01
      • 2023-03-16
      • 1970-01-01
      • 2020-08-27
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多