上图中的这组数据,在数据库中是没有序号的,那我们在前端展示的时候,如何增加 “序号” 这一列,而且使得这一列的数字从1开始逐个自增1呢?
序号自增部分,代码如下所示:
<tr th:each="d : ${data}"> <!-- 循环输出data数据 -->
<td th:text="${dStat.index+1}"></td> <!-- 每输出一行数据,序号+1 -->
</tr>
d
就是我们所获得的数据,在d
后面加上Stat
,即dStat
,它就变成了所谓的状态变量。
这个变量有 index,count,size,current,even,odd,first,last等属性,如果没有显式地设置状态变量,thymeleaf会默认给个“变量名+Stat"的状态变量。
我们这次用到的是index属性。
index:当前迭代对象的index(从0开始计算)
其他属性:
count: 当前迭代对象的index(从1开始计算)
size:被迭代对象的大小
current:当前迭代变量
even/odd:布尔值,当前循环是否是偶数/奇数(从0开始计算)
first:布尔值,当前循环是否是第一个
last:布尔值,当前循环是否是最后一个
整个表格的代码如下所示:
<table border='1' cellspacing='0'>
<thead>
<tr>
<td>序号</td>
<td>申请原因</td>
<td>操作</td>
</tr>
</thead>
<tbody>
<tr th:each="d : ${data}">
<td th:text="${dStat.index+1}"></td>
<td th:text="${d.sxz}"></td>
<td th:text="caozuo"></td>
</tr>
</tbody>
</table>
版权声明:本文为lixingecho原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。