php - 有什么方法可以在 HTML TABLE 中使用 Rowspan 在一行中显示两个数据？

Question

我正在设置一个从数据库连接的 html 表。但我想要像 excel 这样的表格设计，在 html 表格中使用 rowspan。但我无法解决我正在解决的问题。

请帮我创建这个格式。看下面的代码

<tbody>
  <?php
    include_once('connection.php');
    $sql = "SELECT * FROM rqn ";

      $query = mysqli_query($conn, $sql);
      while($row = mysqli_fetch_assoc($query)){
      $result = $row['rqn_no'];
      ?>
      <tr>
        <td rowspan="2"><?php echo $row['rqn_no'] ?></td>
        <td><?php echo $row['date_filed'] ?></td>
        <td><?php echo $row['desc_text'] ?></td>
        <td><?php echo $row['remarks'] ?></td>
        <td><?php echo $row['date_approved'] ?></td>
        <td>
        <?php
          include_once('connection.php');
          $sql1 = "SELECT * FROM  po_data where po_data.rqn_base = $result ";
          $query1 = mysqli_query($conn, $sql1);
          while($row1 = mysqli_fetch_assoc($query1)){
            ?>

              <?php echo $row1['po_no'] ?>

            <?php
          }
        ?> 
        </td>
      </tr>

    <?php 
   }
  ?>      
</tbody>

我想要的结果: https://prnt.sc/md2t2s

实际结果:https://prnt.sc/md2tpk

Answer 1

您可以将 rowspan 与 div 一起使用来获得您想要的结果。试试这个，

<tbody>
  <?php
    include_once('connection.php');
    $sql = "SELECT * FROM rqn ";

      $query = mysqli_query($conn, $sql);
      while($row = mysqli_fetch_assoc($query)){
      $result = $row['rqn_no'];
      ?>
      <tr>
        <td rowspan="2"><?php echo $row['rqn_no'] ?></td>
        <td><?php echo $row['date_filed'] ?></td>
        <td><?php echo $row['desc_text'] ?></td>
        <td><?php echo $row['remarks'] ?></td>
        <td><?php echo $row['date_approved'] ?></td>

        <?php
          include_once('connection.php');
          $sql1 = "SELECT * FROM  po_data where po_data.rqn_base = $result ";
          $query1 = mysqli_query($conn, $sql1);
          $total_rows = mysqli_num_rows($query1);
          // open <td>
          echo "<td rowspan=$total_rows>";

          while($row1 = mysqli_fetch_assoc($query1)){
            ?>

              <?php echo "<div style='border-bottom:1px solid black'>" . $row1['po_no'] ."</div>" ?>

            <?php
          }

          // close </td>
          echo "</td>";
        ?> 
        </td>
      </tr>

    <?php 
   }
  ?>      
</tbody>

根据需要调整 CSS。