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

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

Вот код

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

А вот скриншот проблемы, о которой я говорю: Как создать таблицу без повторения заголовка?

Пример кода относится к инструменту primary, но скриншот относится к инструменту secondary. Вы не показали нам правильный код.

— 18.03.2019 22:14

python html django logic

18.03.2019 22:11

Почему в Python есть оператор "pass"?

Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.

Некоторые методы, о которых вы не знали, что они существуют в Python

Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...

Основы Python Часть I

Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?

LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа

Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:

Оптимизация кода с помощью тернарного оператора Python

И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это

Советы по эффективной веб-разработке с помощью Python

Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.

150

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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-теги, чтобы не получить несопоставленные теги.

18.03.2019 22:14