thymeleaf 动态列头 渲染

Question

类型 物料名称 规格 材质 订单数量 在途数量 未交数量 写了前端页面 动态列没有获取到值为什么？我的获取形式有错吗

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

Thymeleaf 动态列头渲染

你想使用 Thymeleaf 动态渲染表格的列头，根据不同的数据来决定列头的名称。

可以使用 Thymeleaf 的 th:text 属性来实现动态渲染。例如：

<table>
  <thead>
    <tr>
      <th th:text="${'类型'|i18n}">类型</th>
      <th th:text="${'物料名称'|i18n}">物料名称</th>
      <th th:text="${'规格'|i18n}">规格</th>
      <th th:text="${'材质'|i18n}">材质</th>
      <th th:text="${'订单数量'|i18n}">订单数量</th>
      <th th:text="${'在途数量'|i18n}">在途数量</th>
      <th th:text="${'未交数量'|i18n}">未交数量</th>
    </tr>
  </thead>
  <!-- 表格内容 -->
</table>

在上面的代码中，我们使用 th:text 属性来动态渲染列头的名称。 ${'类型'|i18n} 等语句将被替换为实际的列头名称。

如果你想根据不同的数据来决定列头的名称，可以使用 Thymeleaf 的 th:if 属性来实现条件渲染。例如：

<table>
  <thead>
    <tr>
      <th th:if="${type == 'A'}" th:text="类型A">类型</th>
      <th th:if="${type == 'B'}" th:text="类型B">类型</th>
      <!-- 其他列头 -->
    </tr>
  </thead>
  <!-- 表格内容 -->
</table>

在上面的代码中，我们使用 th:if 属性来判断 type 的值，如果是 'A' 则渲染 "类型A"，否则渲染 "类型"。

这些只是 Thymeleaf 动态列头渲染的一些基本示例。如果你有更多的需求，可以提供更多的信息，我将尽力帮助你。