Create a table in thymeleaf

Question

I'm new to thymeleaf and am trying to make a simple table using an array and an each loop.

My code looks like this:

<!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>

Basically my problem is that I can't run the loop as <td>s within <tr>s. Is there any way that this code could work?

niels · Answer 1 · 2015-05-12T11:14:44.917

14

You must put th:text as an attribute of a tag, so

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

should run.

edited May 12 '15 at 11:14

answered Jul 08 '14 at 07:58

niels

7,321
2
38
58

Slava Semushin · Accepted Answer · 2014-07-07T15:47:05.510

10

Simple solution which comes to mind first:

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

Details: http://www.thymeleaf.org/whatsnew21.html#bloc

edited Jul 07 '14 at 15:47

answered Jul 07 '14 at 15:37

Slava Semushin

14,904
7
53
69

This doesnt work becase the th:text has no relation to the loop. – user3073234 Jul 07 '14 at 15:41

score 1 · Answer 3 · answered May 28 '19 at 08:26

1

Although, it's late answer. It's work more specifically, like

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

answered May 28 '19 at 08:26

Rashed

124
12

Create a table in thymeleaf

3 Answers3