使用Thymeleaf 循环迭代table th:block的使用

本文我们主要使用 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>

效果图如下: