You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

Jinja模板:如何隐藏无内容的备注表格

当然可以实现!你已经成功隐藏了空状态下的表头,接下来只需要把整个表格的渲染逻辑都包裹在同一个条件判断里,就能实现表格为空时完全隐藏的效果。

具体实现方案
  • 核心逻辑:将表格的所有代码(包括表头、表体)都放在{%if report_comment%}{%endif%}的条件块内,只有当report_comment存在有效数据时,才会渲染整个表格。

  • 示例代码(以Twig模板为例)

    {% if report_comment %}
      <table class="remarks-table">
        <thead>
          <tr>
            <th>Remarks</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>{{ report_comment }}</td>
          </tr>
        </tbody>
      </table>
    {% endif %}
    
  • 进阶优化(处理多备注场景):如果你的report_comment是数组/列表类型(比如多条备注内容),可以更严谨地判断数组是否非空:

    {% if report_comment is not empty %}
      <table class="remarks-table">
        <thead>
          <tr>
            <th>Remarks</th>
          </tr>
        </thead>
        <tbody>
          {% for comment in report_comment %}
            <tr>
              <td>{{ comment }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}
    

    这种写法能避免出现“有表头但无内容”的半渲染状态,适配更多使用场景。

内容的提问来源于stack exchange,提问作者Vincent Spieringhs

火山引擎 最新活动