[英]How can I add hyperlinks to columns of a table using thymeleaf th:each?
我正在尝试为 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>
上面的代码给了我一个表外生成的超链接的 output。
这是生成的 html 的链接。 https://i.gyazo.com/7dae68eb42cd084b59030e7b17590e5e.png
“linklinklink”是生成的超链接的output。 我希望“名字”列成为超链接。 如果有人能告诉我如何做到这一点,那就太好了。
将您的<a>
标签放在您希望链接出现的<td>
单元格中:
<td>
<a th:href="@{/authors/{id}(id=${author.id})}"
th:text="${author.id}"></a>
</td>
请注意如何在<a>
标记内使用th:text="..."
属性来控制链接的可见文本。
在您的情况下,您在一行中有一个<a>
标记,但不是任何单元格的一部分。 这是无效的 HTML,因此您的浏览器的 HTML 渲染器将链接转储到其他地方(在这种情况下,在表格上方)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.