2014-07-07 21 views
8

Sono nuovo di zecca e sto cercando di creare una tabella semplice usando un array e un loop.Crea un tavolo in tintinnio

Il mio codice è simile al seguente:

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

Fondamentalmente il mio problema è che non riesco a eseguire il ciclo come <td> s entro <tr> s. C'è un modo in cui questo codice potrebbe funzionare?

risposta

5

soluzione semplice, che viene in mente prima:

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

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

+0

Questo non funziona perché th: il testo non ha alcuna relazione con il ciclo. – user3073234

+0

Ho appena aggiornato la mia risposta. –

5

Si deve mettere th: testo come un attributo di un tag, in modo

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

dovrebbe funzionare.