add a serial number while performing iteration in thymeleaf

Question

I have a senario in which i must perform iteration on a list and display result as a grid.Also include serial number in it. Now what I did for serial number is given below

<div th:with="i=0">
 <tr th:each="mydate:${data.Listdata}" >
  <div th:with="i=${i+1}">
   <td th:text="${i}">
  </div>
    //other codes
 </tr>
</div>

but only 1 appears in all serial number.Can anyone help me with this?

Answer 1

You can use the index of the iteration status:

<tr th:each="item,iterator : ${items}">
    <td th:text="${iterator.index}"></td>
</tr>