如何在不重复标题的情况下创建表格？答案

【问题标题】：How do I create a table without repeating the header?如何在不重复标题的情况下创建表格？
【发布时间】：2019-03-18 21:11:58
【问题描述】：

如果成员满足特定条件，我正在处理一个在表格中输出成员信息的页面。我遇到的问题是，如果有多个成员符合标准，表头会不断重复。

这是代码

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

这是我正在谈论的问题的屏幕截图：

【问题讨论】：

代码示例引用primaryinstrument，但截图引用secondaryinstrument。您没有向我们展示正确的代码。

标签： python html django logic

【解决方案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标签，这样就不会出现标签不匹配的情况。

【讨论】：