如何去除表头<the>间隙答案

【问题标题】：How to remove table head <th> gap如何去除表头<the>间隙
【发布时间】：2019-03-11 02:04:42
【问题描述】：

我有 6 个表头和 6 个表数据，但是从图中可以看出，表头有一个间隙，但是如何消除间隙？有6个表头，但我需要7个表数据才能使其相等......

如图所示：

为了更清楚，我将所有 td 和 th 背景设置为黑色（6 th 和 6 td）：

编码：

<table class="table table-bordered" style='padding: 20px 20px;display:table-header-group;table-layout: fixed;'>
        <tr>
            <th>Date</th>
            <th>Time</th>
            <th>Product<th>
            <th>Quantity</th>
            <th>Price</th>
            <th>Payment Method</th>
        </tr>

        <?php

        while($row=mysqli_fetch_array($res)){                    
            echo "<tr>";
            echo "<td>"; echo $row['orderdate']; echo "</td>";
            echo "<td>"; echo $row['ordertime']; echo "</td>";
            /////////////////productname
            echo "<td>";
            echo "<table>";           

            while($row2=mysqli_fetch_array($res2)){

            echo "<tr>";
            echo "<th>"; echo $row2['listingname']; echo "</th>";
            echo "</tr>";
            }

            echo "</table>";
            echo "</td>"; 
            echo "<td>"; echo "qty"; echo "</td>";
            echo "<td>"; echo "price"; echo "</td>";
            echo "</tr>";

            }
        ?>
    </table>

【问题讨论】：

你实际上每行写了 3 个 tds...
PHP 一般用处不大。我们需要查看输出 HTML，最好是在演示中。
所以实际上“product”里面还有另外一个表，只是product和quantity之间的表头有一个th的宽度

标签： php css html-table tableheader

【解决方案1】：

在您的代码中，您声明了 6 列，但只感觉到其中的 3 列。

因此，为了使它正确，您应该在最后一个 td 中添加一个 colspan，如下面的代码：

<table class="table table-bordered" style='padding: 20px 20px;display:table-header-group;table-layout: fixed;'>
    <tr>
        <th>Date</th>
        <th>Time</th>
        <th>Product<th>
        <th>Quantity</th>
        <th>Price</th>
        <th>Payment Method</th>
    </tr>
    <?php

        while($row=mysqli_fetch_array($res)){                    
            echo "<tr>";
            echo "<td>"; echo $row['orderdate']; echo "</td>";
            echo "<td>"; echo $row['ordertime']; echo "</td>";
            /////////////////productname
            echo "<td colspan='4'>";
            echo "<table>";           

            while($row2=mysqli_fetch_array($res2)){

                echo "<tr>";
                echo "<th>"; echo $row2['listingname']; echo "</th>";
                echo "</tr>";
            }

            echo "</table>";
            echo "</td>"; 

            echo "</tr>";

        }
    ?>
</table>

【讨论】：

【解决方案2】：

所以实际上我在产品结束时错过了一个/th，感谢所有帮助的人

 <tr>
                        <th>Date</th>
                        <th>Time</th>
                        <th>Product</th>
                        <th>Quantity</th>
                        <th>Price</th>
                        <th>Payment Method</th>
                    </tr>

【讨论】：