Django 在 ManyToMany 字段的 table 中显示图像列表

Question

我创建了一个模型来包含职位空缺的详细信息。作业模型具有以下字段：

class Job(models.Model):
    job_position = models.ForeignKey(Position, on_delete=models.PROTECT, related_name='job_position')
    applicants_to_hire = models.IntegerField(null=True, blank=True,
                                             validators=[MinValueValidator(1), MaxValueValidator(15)], default=1)
    hiring_team = models.ManyToManyField(Employee, related_name='hiring_team')

class JobListView(LoginRequiredMixin, ListView):
    model = Job
    template_name = 'recruitment/job_list.html'
    context_object_name = 'job_list'

我想在模板中使用hiring_team显示每个员工的图像（圆形头像），这些图像来自员工模型：

class Employee(models.Model):
    image = models.ImageField(blank=True, default='blank_profile_picture.jpg')

我已设法显示所有图像，但它们不在同一个 table 单元格中，并且它们添加了额外的 table 列：

<tbody>
    {% for job in job_list %}
    <tr>
        <td><span class="employee-table-name"><a href="{% url 'recruitment:job_detail' pk=job.pk %}">{{ job.job_position }}</a></span></td>
        <td>{{ job.applicants_to_hire }}</td>
        {% for team in job.hiring_team.all %}
            {% if team.image %}
            <td><img src="{{ team.image.url }}" class="rounded-circle img-fluid-80" alt="{{ team }}"></td>
            {% endif %}
        {% endfor %}
        <td>{{ job.job_priority }}</td>
        <td>{{ job.job_status }}</td>
        <td>{{ job.created|date:"M d, Y" }}</td>
    </tr>
    {% endfor %}
</tbody>

如何“连接”它们以显示如下面的屏幕截图：

Answer 1

这应该意味着图像应该全部在一个 td 块下，所以只需将 td 放在循环之外：

        <td>
        {% for team in job.hiring_team.all %}
            {% if team.image %}
                <img src="{{ team.image.url }}" class="rounded-circle img-fluid-80" alt="{{ team }}">
            {% endif %}
        {% endfor %}
        <td>

Django 在 ManyToMany 字段的 table 中显示图像列表

Django show image list in table from ManyToMany field

django

django-templates

django-models

django-views