Как создать таблицу без повторения заголовка?

Question

Я работаю над страницей, которая выводит информацию об участнике в таблицу, если участник соответствует определенным критериям.Проблема, с которой я сталкиваюсь, состоит в том, что заголовок таблицы повторяется, если существует более одного члена, который соответствует критериям.

Вот код

<div class="card">
      <div class="card-header bg-transparent">
         <h4>Members who list {{ instrument.name }} as their primary instrument:</h4>
      </div>

      <div class="card-body">
         {% if not primary_users %}
           <h5>There are currently no members who list {{ instrument.name }} as their primary instrument.</h5>

                    {% else %}

                        <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>HCMN Rating</th>
                                    <th>Email</th>
                                    <th>Location</th>
                                </tr>
                            </thead>
                            {% for member in primary_users %}
                            <tbody>
                                <tr>
                                    <td><a href="{% url 'users:individual_member' member.id %}">{{ member.first_name }} {{ member.last_name }}</a></td>
                                    <td>{{ member.rating }}</td>
                                    <td>{{ member.email }}</td>
                                    <td>{{ member.area }}</td>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                        {% endfor %}
                    {% endif %}
                </div>
            </div>

А вот скриншот проблемы, о которой я говорю:

Answer 1

Вам необходимо поместить теги <tbody> из цикла for. То же самое для </tbody>, </table> и </div>.

Вы хотите, чтобы в цикле была только <tr>...</tr> часть:

                        <tbody>

                          {% for member in primary_users %}
                            <tr>
                                <td><a href="{% url 'users:individual_member' member.id %}">{{ member.first_name }} {{ member.last_name }}</a></td>
                                <td>{{ member.rating }}</td>
                                <td>{{ member.email }}</td>
                                <td>{{ member.area }}</td>
                            </tr>
                          {% endfor %}

                        </tbody>
                    </table>
                    </div>

Как правило, при выполнении циклов и условий обращайте внимание на HTML-теги, чтобы у вас не было непревзойденных тегов.