Nested loop in Thymeleaf

Question

I'm a newbie to Thymeleaf.

I have two objects- Classroom & Student: each Classroom contains a List<Student> and I can have a list of classrooms: List<Classroom>.

What I want to be able to do with Thymeleaf is the equivalent of the below java code:

            for(int i = 0; i < classroomList.size(); i++){
                System.out.println(classroomList.get(i).getRoomName());
                for(int x = 0; x < studentList.size(); x++){
                    System.out.println(studentList.get(x));
                }
            }

So the output would be: {classroom1{joe1,joe2}, classroom2{joe3}}...

But I need to be able to do this in HTML with Thymeleaf (by passing a list of classrooms) so I can make it look nice.

Any help is much appreciated. Thanks!

As a note, this is poor practice in Java both because it's overly complicated and because get() can be O(n). In both Java and Thymeleaf you want an iterator; in the latter case, you're looking for th:each. — chrylis -cautiouslyoptimistic-
– chrylis -cautiouslyoptimistic-, Commented Sep 26, 2018 at 18:05

user987339 · Accepted Answer · 2022-04-25 08:25:58Z

5

Use th:each:

<div th:each="classroom : ${classroomList}">
    <div th:text="${classroom.name}"></div> 
    <ul>
      <div th:each="student : ${classroom.studentList}">
         <li>"${student.name}"</li>
      </div>
    </ul>
</div>

edited Apr 25, 2022 at 8:25

answered Sep 26, 2018 at 19:47

user987339

10.7k8 gold badges45 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Nathan Fawcett Over a year ago

Exactly what I needed! Thank you!

Arun Over a year ago

<div>"${classroom.name}"</div>. should be <div th:text="${classroom.name}"></div>

user987339 Over a year ago

@Arun you are right. I improved the answer!

Collectives™ on Stack Overflow

Nested loop in Thymeleaf

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related