在百里香花中创建一张桌子

时间:2014-07-07 15:21:28

标签: html html-table each thymeleaf

我是百里香的新手,我正在尝试使用数组和每个循环创建一个简单的表。

我的代码如下所示:

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Smoke Tests</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
<table border="1" style="width:300px">
    <tr>
        <td>Test Name</td>
    </tr>
    <tr th:each="smokeTest : ${smokeTests}">
        <td>
            th:text="${smokeTest.name}">A Smoke Test'
        </td>
    </tr>
</table>
</body>
</html>

基本上我的问题是我无法在<td> s内以<tr> s的形式运行循环。这段代码有什么办法可以解决吗?

3 个答案:

答案 0 :(得分:10)

您必须将th:text作为标记的属性,所以

<tr th:each="smokeTest : ${smokeTests}">
   <td th:text="${smokeTest.name}">A Smoke Test'</td>
</tr>

应该运行。

答案 1 :(得分:6)

首先想到的简单解决方案:

<th:block th:each="smokeTest : ${smokeTests}">
    <tr>
        <td th:text="${smokeTest.name}">A Smoke Test'</td>
    </tr>
</th:block>

详细信息:http://www.thymeleaf.org/whatsnew21.html#bloc

答案 2 :(得分:0)

虽然,答案太晚了。 更具体地工作,例如

<tr th:each="smokeTest : ${smokeTests}">
   <td><p th:text="${smokeTest.name}"></p></td>
</tr>