Почему шаблон django не отображает тег после тега include

Я думаю, почему шаблон не отображает тег после {% include %}. Когда я ставлю какой-нибудь тег типа something перед тегом include, он работает. Но он не работает, если я пытаюсь поставить его за тегом include :(

в index.html

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
    <link rel="stylesheet" href="{% static 'styles/main.css' %}" />
    <script 
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous">
        </script>


</head>

<body>
    <div class="d-flex">
        {% include 'navbar.html' %}
        <div class="content">
            <div class="header">
                {% include 'header.html' %}
            </div>
            <div>
                {% block subHeader %}

                {% endblock %}
            
            </div>
            <div>
                 {% block list %}
            
                {% endblock %}
            
            </div>
        </div>
    </div>
</body>
</html>

в list.html

<table class="table">
    <thead>
      <tr>
        <th scope="col">Cardinal Number</th>
        <th scope="col">ID</th>
        <th scope="col">Name</th>
        <th scope="col">Category</th>
        <th scope="col">Cost</th>
        <th scope="col">Note</th>
        <th scope="col">Image</th>
        <th scope="col">Action</th>

      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Jacob</td>
        <td>Thornton</td>
        <td>@fat</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td colspan="2">Larry the Bird</td>
        <td>@twitter</td>
      </tr>
    </tbody>
  </table>

в products.html

{% extends 'index.html' %}
{% block subHeader %}

{% include 'components/subHeader.html' with url="api/add-product" name="product" 
    selectName="product-category" %}

{% endblock subHeader%}

{% block list %}

{% include 'components/list.html'  %}
{% endblock content%}

Хоть я и ставлю что угодно после тега include в блоке subHeader, это не работает. Я не понимаю, почему так. Кто-нибудь может мне подсказать? Спасибо

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