时间戳

首页 > 解决方案 > 如何在单个单元格中显示集合而不是为每个元素创建列？

html - 如何在单个单元格中显示集合而不是为每个元素创建列？

问题描述

我尝试在单个单元格中显示一个集合，但它为每个元素创建一个列。

我尝试了许多将 HTML 与 Thymeleaf 属性相结合的变体，但我不知道如何为 th:each 循环显示带有文本的单个单元格

<tr th:each="employee : ${allEmployees}">
    <td th:text="${employee.id}"></td>
    <td th:text="${employee.firstName}"></td>
    <td th:text="${employee.lastName}"></td>
    <td th:text="${employee.position}"></td>
    <td th:text="${employee.salary}"></td>
    <td th:text="${employee.supervisorId}"></td>
<!--Here-->
    <td th:each="team : ${employee.teams}" th:text="${team.name}"></td>
</tr>

我期待像|| 技术架构，移动 || 但我不断得到|| 技术架构 || 手机 || 等等（不介意昏迷和空格）

标签： htmlthymeleaf

解决方案

<td>您正在指示 Thymeleaf为每个团队创建标签。相反，您可以创建一个<td>标签并在其中迭代：

<tr th:each="employee : ${allEmployees}">
    <td th:text="${employee.id}">[id]</td>
    <td th:text="${employee.firstName}">[first]</td>
    <td th:text="${employee.lastName}">[last]</td>
    <td th:text="${employee.position}">[position]</td>
    <td th:text="${employee.salary}">[salary]</td>
    <td th:text="${employee.supervisorId}">[supervisor id]</td>
<!--Here-->
    <td>
        <th:block th:each="team : ${employee.teams}">
          <span th:text="${team.name}" tag="remove">[team name]</span>
        </th:block>
    </td>
</tr>

如果您的列表中需要逗号，您可以查看此链接。

推荐阅读