php - 如何去除表头<the>缝隙

标签 php css html-table tableheader

我有6个表头和6个表数据,但是从图中可以看出表头有一个空隙,但是如何消除空隙? 有 6 个表头,但我需要 7 个表数据才能使它们相等......

如图所示:

为了更清晰,我将所有 td 和 th 背景设置为黑色(第 6 和 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>

最佳答案

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

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

关于php - 如何去除表头<the>缝隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52667740/

相关文章:

php - 如何使用 Composer 生成的类映射添加不区分大小写的自动加载?

html - "Inner"CSS 未覆盖 "Outer"CSS

html - 添加文本溢出 : ellipsis; to table cell

html - <li> 内图像轮播的居中和垂直对齐图像

html - 使 `<table>` 宽度等于其子项 `<td>`

php - 使用 PHP cmd 时图像不会上传到 FTP 文件

php - 如何在不更新包的情况下克隆 EC2 实例

PHP、MySql 下拉列表每次选择只显示一条记录

html - 这个图灵完备规则 110 在 HTML5+CSS3 中的实现是如何工作的?

html - 如何垂直对齐(对齐)多个元素