Django模板中存在缺失单元格值时，如何匹配表格表头与列值

我明白你现在遇到的问题了——表格表头是所有Event，但有些Player没提交对应Event的Pick，导致表格列数对不上，而且Django模板语言又没法做太复杂的循环控制对吧？我给你几个实用的解决办法，亲测好用的那种：

核心思路：换个遍历顺序，从「遍历Player的Picks」改成「遍历所有Event，逐个匹配Player的Pick」 #

原来的写法是先拿Player的Picks列表循环，缺失Pick时就少了单元格，自然列数和表头对不上。反过来，我们先固定好所有Event的顺序，然后对每个Player，逐个检查每个Event下有没有对应的Pick，这样不管有没有Pick，每个Event对应的单元格都会被渲染，列数就和表头完全一致了。

方法一：直接在模板中匹配（简单易上手，适合小数据量） #

第一步：在视图中准备好数据

把所有Event和Player都查出来，传给模板：

# views.py
def pick_table(request):
    all_events = Event.objects.all().order_by('date')  # 按你需要的顺序排序，比如日期
    all_players = Player.objects.all()
    return render(request, 'your_template.html', {
        'all_events': all_events,
        'all_players': all_players
    })

第二步：模板中编写表格代码

<!-- your_template.html -->
<table border="1">
  <thead>
    <tr>
      <th>玩家</th>
      {% for event in all_events %}
        <th>{{ event.name }}</th>  <!-- 替换成你的Event显示字段 -->
      {% endfor %}
    </tr>
  </thead>
  <tbody>
    {% for player in all_players %}
      <tr>
        <td>{{ player.username }}</td>  <!-- 替换成你的Player显示字段 -->
        {% for event in all_events %}
          {% with player_pick=player.pick_set.filter(event=event).first %}
            <td>
              {% if player_pick %}
                {{ player_pick.your_field }}  <!-- 替换成你的Pick显示字段，比如选择的内容 -->
              {% else %}
                <em>未提交</em>  <!-- 或者留空、显示其他提示文字 -->
              {% endif %}
            </td>
          {% endwith %}
        {% endfor %}
      </tr>
    {% endfor %}
  </tbody>
</table>

方法二：优化性能（适合大数据量，避免N+1查询） #

上面的方法虽然简单，但每个Event都会触发一次数据库查询，数据量大的时候会变慢。我们可以在视图中提前把每个Player的Picks整理成字典，模板里直接取值：

第一步：在视图中预处理数据

# views.py
from django.db.models import Prefetch

def pick_table(request):
    all_events = Event.objects.all().order_by('date')
    # 提前预加载每个Player的Picks，避免多次查询
    all_players = Player.objects.prefetch_related(
        Prefetch('pick_set', queryset=Pick.objects.all(), to_attr='player_picks')
    )
    # 给每个Player添加一个pick_dict，key是event_id，value是对应的Pick对象
    for player in all_players:
        player.pick_dict = {pick.event_id: pick for pick in player.player_picks}
    return render(request, 'your_template.html', {
        'all_events': all_events,
        'all_players': all_players
    })

第二步：添加自定义模板过滤器

因为Django模板里不能直接用字典索引，我们需要写一个简单的过滤器：

# 在你的app下创建templatetags/custom_filters.py
from django import template

register = template.Library()

@register.filter
def get_item(dictionary, key):
    """根据key获取字典中的值"""
    return dictionary.get(key)

第三步：模板中使用优化后的代码

<!-- your_template.html -->
{% load custom_filters %}  <!-- 加载自定义过滤器 -->

<table border="1">
  <thead>
    <tr>
      <th>玩家</th>
      {% for event in all_events %}
        <th>{{ event.name }}</th>
      {% endfor %}
    </tr>
  </thead>
  <tbody>
    {% for player in all_players %}
      <tr>
        <td>{{ player.username }}</td>
        {% for event in all_events %}
          {% with player_pick=player.pick_dict|get_item:event.id %}
            <td>
              {% if player_pick %}
                {{ player_pick.your_field }}
              {% else %}
                <em>未提交</em>
              {% endif %}
            </td>
          {% endwith %}
        {% endfor %}
      </tr>
    {% endfor %}
  </tbody>
</table>

这样处理后，整个页面只会触发3次数据库查询（查Events、查Players、查所有Picks），性能会好很多。

关键说明 #

不管用哪种方法，核心都是固定Event的顺序，为每个Event单独渲染单元格，而不是依赖Player的Picks列表长度。这样就算某个Player没有提交某个Event的Pick，对应的单元格也会被渲染出来（显示提示或空内容），完美匹配表头的列数。

备注：内容来源于stack exchange，提问作者pspahn