[FIXED] How to iterate many arrays simultaniously inside a same loop

Issue

I am new with thymeleaf, and I want to display 3 values from 3 different arrays with the same index, inside the same div.row, I tried several ways but I only could iterate one array at a time without errors, below is my Controller side:

public String  index(Model model) {

  String[] table0 = {"0","1","2","3"}
  String[] table1 = {"14","21","25","75"}
  String[] table2 = {"7","63","57","87"}

  model.addAttribute("table0", table0;
  model.addAttribute("table1", table1);
  model.addAttribute("table2", table2);

  return "index";
}

Inside the html file, table0 is the first array iterated without errors, I don't know how to edit/improve the following code to display all the three arrays tables0, tables1 and tables3 at the same time:

<div class="row" th:each="v0 : ${tables0}" >
    <div class="cell" th:text="value">
        <!-- Here I could display a value from tables0 -->
    </div>
    <div class="cell"  >
        <!-- Here I need to display the value of tables1 having the same index as v0 -->
    </div>
    <div class="cell"  >
        <!-- Here I need to display the value of tables2 having the same index as v0 -->                        
    </div>
</div>

Solution

here you could find what you're searching about , keeping iteration status

by simply adding a var after the object , and use index to get the current index value

by example :

<div class="row" th:each="v0,iter : ${tables0}" >
    <div class="cell" th:text="value">
        <!-- Here I could display a value from tables0 -->
        <span th:text="${v0}"></span>
    </div>
    <div class="cell"  >
        <span th:text="${table1[iter.index]}"></span>
    </div>
    <div class="cell"  >
        <span th:text="${table2[iter.index]}"></span>                  
    </div>
</div>

Answered By - Spring