Нижний колонтитул моей таблицы Html отображается некорректно

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

<table class="table-cart-view-producer">
            <thead>
                <tr>
                  <th>Produit</th>
                  <th>Quantité</th>
                  <th>Prix</th>
                </tr>
            </thead>
            <tfoot>
              <tr>
                <th> Prix Total du Panier : <strong>{{cart_price}}€</strong></th>
              </tr>
            </tfoot>
            <tbody>
              {% for item in cartitems %}
                <tr>
                    <td>{{item.stock_item.product_stockitem.name}}</td>
                    <td>{{item.quantity}} {{item.stock_item.product_stockitem.unit}}</td> 
                    <td>{{item.get_total_price}}€</td>       
                </tr>
              {% endfor %}
            </tbody>
          </table>

Он отображается следующим образом:

Вернуться на верх