如何使用 thymeleaf th:each 将超链接添加到表的列？

Question

我正在尝试为 thymeleaf 生成的表格中的每个元素创建超链接。

<tbody>
    <tr th:each="author :${authors}">
        <td th:text="${author.id}"></td>
        <a th:href="@{/authors/{id}(id=${author.id})}">
            <td class="authorLink" th:text="${author.firstName}"></td>
        </a>
        <td th:text="${author.lastName}"></td>
    </tr>
</tbody>

上面的代码为我提供了表格外生成的超链接的输出。

这是生成的 html 的链接。 https://i.gyazo.com/7dae68eb42cd084b59030e7b17590e5e.png

“linklinklinklink”是生成的超链接的输出。我希望“名字”列成为超链接。 如果有人能告诉我如何做到这一点，那就太好了。

Answer 1

将您的<a> 标签放在您希望链接出现的<td> 单元格中：

<td>
    <a th:href="@{/authors/{id}(id=${author.id})}" 
       th:text="${author.id}"></a>
</td>

请注意如何在<a> 标记内使用th:text="..." 属性来控制链接的可见文本。

在您的情况下，您在一行中有一个 <a> 标记，但不是任何单元格的一部分。这是无效的 HTML，因此您的浏览器的 HTML 渲染器将链接转储到其他地方（在这种情况下，在表格上方）。