使用 django html 模板创建具有动态行和列的表

Question

我正在尝试使用 django html 模板根据结果列表创建具有动态行和列的表。记录数和标题编号可能会发生变化。我正在使用两个 for 循环来获取行数和列数。我很难尝试输出表中的实际值。这个想法是从第二个 for 循环“索引”并将其应用于第一个循环的“每个”。我知道语法肯定是错误的，但是 django 可以做到吗？如果没有，我有什么建议可以研究如何实施吗？谢谢！！

list = [
  {'header_a': foo1, 'header_b': foo2, 'header_c': foo3},
  {'header_a': foo1, 'header_b': foo2, 'header_c': foo3},
  {'header_a': foo3, 'header_b': foo3, 'header_c': foo3},
  {'header_a': foo4, 'header_b': foo4, 'header_c': foo4},
]

Sample Table
header_a | header_b | header_c
foo1     | foo1     | foo1        
foo2     | foo2     | foo2   
foo3     | foo3     | foo3   
foo4     | foo4     | foo4

或

list_2 = [
  {'header_c': c_foo1, 'header_d': d_foo1}, 
  {'header_c': c_foo2, 'header_d': d_foo2},
]

Sample Table 2
header_c | header_d
c_foo1   | d_foo1
c_foo2   | d_foo2

---

<table>
<thead>
  <tr>
    {% for index in list.0 %}
    <th>{{ index }}</th>
    {% endfor %}
  </tr>
</thead>
<tbody>
  {% for each in list %}
  <tr>
    {% for index in a %}
    <td>{{ each.{{index}} }}</td>
    {% endfor %}
  </tr>
  {% endfor %}
</tbody>
</table>

Answer 1

好吧，由于您在该架构中有一个字典列表，因此您可以在模板中对其进行迭代：

<table>
    <thead>
        <tr>
        {% for item in list %}
            {% if forloop.first %}
                {% for h in item %}
                    <th>{{ h }}</th>
                {% endfor %}
            {% endif%}
        {% endfor %}
        </tr>
    </thead>
    <tbody>
        {% for item in list %}
            <tr>
                {% for key,value in item.items %}
                    <td>{{ value}}</td>
                {% endfor %}
            </tr>
        {% endfor %}
    </tbody>
</table>

假设您在每个字典中都有相同的键（列标题或您命名的字段），您首先只迭代第一个字典以获取其键，然后再次迭代行的值...

虽然不是最有效的解决方案，但如果您可以重写创建该列表的方式，那就太好了。

希望对你有帮助，请确认它是否有效

Answer 2

也许您应该查看django tables？这是使用 django 创建功能强大的表的众所周知的工具。您可以基于模型创建它们，但也可以简单地将数据直接传递给它们。我也曾经用它来创建一个动态表。它从模板中获取所有工作并将其添加到更易于操作的视图中。