thymeleaf实现表格中序号的自增

在这里插入图片描述

上图中的这组数据,在数据库中是没有序号的,那我们在前端展示的时候,如何增加 “序号” 这一列,而且使得这一列的数字从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版权协议,转载请附上原文出处链接和本声明。