thymeleaf 渲染list 按列合并单元格
时间: 2023-09-01 09:03:41 浏览: 143
合并单元格
thymeleaf 是一个Java模板引擎,用于在服务器端渲染HTML页面。在thymeleaf中,要将列表按列合并单元格,可以使用th:if 和 th:each 配合使用实现。
首先,在HTML模板中遍历列表,可以使用th:each指令,如下所示:
```
<table>
<tr th:each="item : ${list}">
<td th:text="${item}"></td>
</tr>
</table>
```
上述代码会遍历列表list,并将每个元素渲染为一个单元格。现在,我们想要将单元格按照列合并,可以通过判断当前元素在列表中的索引来实现。
假设我们要每两个元素合并一列,可以使用th:if 指令结合 th:index 来判断是否是奇数行。如果是奇数行,则将当前单元格合并到上一行的单元格中。
下面是示例代码:
```
<table>
<tr th:each="item, index : ${list}">
<td th:text="${item}"
th:if="${index.index} % 2 == 0"></td>
<td th:text="${item}"
th:if="${index.index} % 2 != 0"></td>
</tr>
</table>
```
上述代码中的 th:if="${index.index} % 2 == 0" 表示如果当前元素在列表中的索引是偶数,则显示在上一行的单元格中;而 th:if="${index.index} % 2 != 0" 表示如果当前元素在列表中的索引是奇数,则显示在当前行的单元格中。
通过上述的代码,我们可以实现按列合并列表内容渲染到HTML页面中。
阅读全文