段落元素前置不附加到 Django html 中的表格

Question

我正在使用 Django Web 框架，并且我有一个 html 表，其中显示了我的一个表中的一些字段。如果没有要显示的字段（查询集中的记录），我从 python 传递 variable = "0"。

在这种情况下，我想将文本附加到表格中，以便它出现在在我的表格下方。但它出现在我的桌子上方......

<div class="1" style="overflow-x:auto;">
    <table id="1" class="1">
        <tr>
            <th>Heading 1</th>
            <th>Heading 2</th>
        </tr>
        {% ifequal variable "0" %}
            <p>No items to show</p>
        {% else %}
            <--append some fields-->
        {% endifnotequal %}
    </table>
</div>

如果我添加的字段可以正常工作，它们会按预期显示，但在其他情况下，它会添加到表格上方...

为什么？救命！

Answer 1

您似乎没有正确执行此操作。我认为有一个标签可以将文本放在表格下方，可以吗？

使用末尾的标签（这是一个特定于表格的标签，比如和）。

但是你需要使用这个 CSS：

caption {
    caption-side: bottom;
}

你可以查看这个codepen：

https://codepen.io/anon/pen/XMzPjb

Answer 2

您不能在<tr> 中使用<p>，只允许使用<td> 和<th>。

你想把它改成：

<div class="1" style="overflow-x:auto;">
    <table id="1" class="1">
        <tr>
            <th>Heading 1</th>
            <th>Heading 2</th>
        </tr>
    {% ifequal variable "0" %}
        </table>
        <p>No items to show</p>
    {% else %}
        <--append some fields-->
    {% endifnotequal %}
</div>

This question 可能对你也有帮助