本文我们主要使用 Thymeleaf的功能标签th:block 来实现 循环迭代 tr td
简单介绍下th:block < th:block >< /th:block >是Thymeleaf提供的唯一的一个Thymeleaf块级元素,其特殊性在于Thymeleaf模板引擎在处理< th:block >的时候会删掉它本身,标签本身不显示,而保留其内容
上代码 我写的是一个N行四列的表格(至于多少行要看有多少条数据了)
<table>
<tr>
//使用th:block 来循环遍历list
<th:block th:each="city,pro : ${citys}" >
<td>
<div class="area">
<a href="javascript:;" onclick="cstzlb(this)" th:text="${city}" >台州市</a>
</div>
</td>
//判断 到第四个的时候换行
<th:block th:if="${pro.count % 4 eq 0}" th:utext="'</tr><tr>'" ></th:block>
</th:block>
</tr>
</table>
效果图如下: