求助：如何用Jinja2/HTML将numpy整数数组转为可展示的HTML表格？

你的代码核心问题 #

1. 索引错误：contingency_table是6×6的NumPy数组，遍历for item_table in contingency_table时，item_table是一维数组（单行数据），你却用item_table[0][0]这种二维索引，会直接抛出索引越界错误。
2. 循环冗余：每个表格行内又循环整个数组，导致每行生成36个<td>（6次循环×6个单元格），远超需要的6个。
3. 代码重复：硬编码6行内容，既冗余又容易出错。

修正后的Jinja2模板 #

用两层循环简化逻辑，外层遍历数组的每一行，内层遍历行内的每个元素：

<h1>列联表</h1>
<div class="table-responsive">
  <table class="table table-striped mx-auto">
    <thead>
      <tr>
        <th>XXXXXXXX</th>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
        <th>6</th>
      </tr>
    </thead>
    <tbody>
      {% for row_idx, row in enumerate(contingency_table) %}
      <tr>
        <td>XXXXXXXX({{ row_idx + 1 }})</td>
        {% for value in row %}
        <td>{{ value }}</td>
        {% endfor %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

Python端的准备工作 #

虽然Jinja2可以直接遍历NumPy数组，但为了避免潜在兼容性问题，建议把数组转换成普通列表后再传给模板：

# 以Flask框架为例
from flask import render_template
import numpy as np

contingency_table = np.zeros((6,6), dtype=int)
# 示例：填充测试数据
contingency_table[0][0] = 5
contingency_table[1][2] = 3

# 转换为列表格式
contingency_table_list = contingency_table.tolist()

return render_template('your_template.html', contingency_table=contingency_table_list)

关键说明 #

• enumerate(contingency_table)获取行索引，自动生成XXXXXXXX(1)到XXXXXXXX(6)的行标题，避免硬编码。
• 内层循环for value in row直接遍历单行元素，生成对应单元格。
• 转换为列表后，Jinja2遍历更稳定，不会出现NumPy数组特有的属性访问问题。

内容的提问来源于stack exchange，提问作者John