我正在try 重构它,以便显示1个表,其中header表示表头,value表示每个header下的对应单元格值,然而,由于使用了嵌套循环,我得到了多个表,每个表都按垂直顺序列出了一列.如有任何建议,我们不胜感激.谢谢.

{% for header in aValueKeys%}
 <table>
  <thead>
    <tr>
     <th>{{ header }}</th>
    </tr>
  </thead>
  <tbody> 
   {% for value in aValues[header] %}
    <tr>
     <td>{{ value }}</td>
    </tr>
  {% endfor %}
  </tbody>
 </table> 
{% endfor %}

值的使用方式如下:

message = template.render(iD=a_message.iD, aValueKeys=a_message.valueKeys,
                                aValues=a_message.values, aType=a_message.aType,
                                sentence=a_message.sentence)

这将呈现两个表,但是,我需要将其放在一个表中.在有嵌套循环的情况下,如何实现这一点?

推荐答案

您应该只用for循环将需要重复的块包围起来:

<table>
  <thead>
    <tr>
     {% for header in aValueKeys %}
     <th>{{ header }}</th>
     {% endfor %}
    </tr>
  </thead>
  <tbody> 
    <tr>
     {% for value in aValues %}
     <td>{{ value }}</td>
     {% endfor %}
    </tr>
  </tbody>
</table> 

Html相关问答推荐

角|将动态html属性添加到子组件

使用tauri构建的Next.js应用程序不显示我的404页面

将CSS应用于TD标记内的div

为什么这个高度为100%的页面会出现滚动条?

在将DevExtreme升级到版本23.2之后,到处都会生成一个Pesudo类,我在其中使用了<;DXi-Item Title=&Quot;&Quot;>;

这<;td&>如何溢出<;表>;?

如何创建带有粘性列和标题的网格?

SVG动画只有在打开S开发工具的浏览器时才开始播放

如何使用CSS创建文件夹选项卡的形状?

根据Tailwind CSS中的子计数而非子宽度进行对齐,并水平对齐

如何在r中提取明显非标准html标签的值

30000ms后超时重试:期望找到元素:someElement,但从未找到它

如何创建淡出研磨背景

Django 如何从文件系统下载文件?

在HTML使用link标签导入外部CSS时出现元素link不允许使用尾斜杠错误

如何将两个平行 div 的页面内的表格居中?

将图像的高度限制为固定的纵横比,并在超过时使用 object-fit

如何在图片前面放置下拉框?

如何使用 CSS Flex 设计一个导航栏,其中一组项目左对齐而另一组项目右对齐?

在部分而不是正文中定义页面宽度