Как убрать зазор между головками стола

Question

У меня есть 6 табличных заголовков и 6 табличных данных, но там, как вы можете видеть из рисунка, есть пробел в табличном заголовке, но как устранить пробел? Есть 6 заголовков таблиц, но мне нужно 7 табличных данных, чтобы сделать их равными......

Как показано на этой картинке:

Для большей ясности я установил все тд и т е фон на черный (6 и 6 тд):

Кодирование:

<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>

Answer 1

Так что на самом деле я пропускаю один / й в конце продукта, спасибо всем, кто помогает

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

Answer 2

В вашем коде вы объявляете 6 столбцов и чувствуете только 3 из них.

Таким образом, чтобы сделать это правильно, вы должны добавить colspan до вашего последнего 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 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>