使用Django中的嵌套表进行渲染

Question

我正在尝试在彼此内循环两个表。我有一个任务列表，每个任务都有一个材料列表。我想在彼此旁边的桌子旁边。但是，下面的代码不会将第二个任务呈现为列。因此，当它循环时，似乎表结构被破坏了。我正在使用Django / Python。

<div class="table-responsive">
    <table id="taskTable" class="table">
        {% for task in projecttype.projecttask_set.all %}
            <h5>Task - {{ task.name }}</h5>
            <thead class="alert-success">
            <tr>
                <th>Quantity</th>
                <th>Units</th>
                <th>Cost</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>{{ total_units_required }}</td>
                <td>{{ task.base_unit_label }}</td>
                <td>{{ task.base_unit_cost }}</td>
            </tr>
            </tbody>
            <table id="materialTable" class="table">
            <thead>
            <tr class="alert-info">
                <th>Material</th>
                <th>Cost per Task Unit</th>
                <th>Material Cost</th>
                <th>Total Cost</th>
            </tr>
            </thead>
            {% for material in task.materials.all %}
                <tbody>
                <tr>
                    <td>{{ material.name }}</td>
                    <td>{{ material_quantity_per_task_base_unit }}</td>
                    <td>{{ total_material_quantity }}</td>
                    <td>{{ total_material_cost }}</td>
                </tr>
                </tbody>
            {% endfor %}
            </table>
        {% endfor %}
    </table>
</div>

Answer 1

我遇到了同样的问题。嵌套表格必须位于表格单元格内

例如：

<table>
    <tr>
    <td>
        <table>
        ...
        </table>
    </td>
    </tr>
</table>