thymeleaf实现表格中序号的自增

thymeleaf实现表格中序号的自增_第1张图片

上图中的这组数据,在数据库中是没有序号的,那我们在前端展示的时候,如何增加 “序号” 这一列,而且使得这一列的数字从1开始逐个自增1呢?

序号自增部分,代码如下所示:

<tr th:each="d : ${data}">                     
    <td th:text="${dStat.index+1}">td>        
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>

你可能感兴趣的:(#,html,#,thymeleaf,html,thymeleaf)