html - Django - 从列表列表创建表

Question

我对 html 中的表格不太擅长，所以这个问题可能很容易回答。

我将列表列表传递{{ attributes }}给模板，我想创建一个包含 2 行和多列的表。

模板：

<div id="table">
<table border=0>
{% for attr in attributes %}
    <td>
       <th>{{ attr.0 }}</th>
        {{ attr.1 }}
    </td>
{% endfor %}
</table>
</div>

我希望{{ attr.0 }}成为标题并显示在单行上并{{ attr.1 }}显示在第二行上。

Answer 1

怎么样

<div id="table">
<table border=0>
<thead>
    <tr>
    {% for attr_head in attributes.keys %}
       <th>{{ attr_head }}</th>
    {% endfor %}
    </tr>
</thead>
<tbody>
    <tr>
    {% for attr in attributes.values %}
        <td>{{ attr }}</td>
    {% endfor %}
    </tr>
</tbody>
</table>
</div>

只需遍历字典的键并将它们呈现为th表头中的元素，然后遍历值，将它们呈现在tbody. th和td是表中的列和tr行。

另外，您应该阅读html 表格，它们并不难

Answer 2

您可以循环两次，一次用于标题，一次用于内容？

<div id="table">
    <table border=0>
        <tr>
            {% for attr in attributes %}  
            <th>{{ attr.0 }}</th>
            {% endfor %}
        </tr>
        <tr>
            {% for attr in attributes %}
                <td>{{ attr.1 }}</td>
            {% endfor %}
        </tr>
    </table>
</div>