How to make a Thymeleaf table dynamically handle multiple different object Classes?

Question

I have a simple one-page web application and Im using Thymeleaf to try and display a table that can handle different lists of objects being passed to it.

For example, it should be able to handle List<County> where County looks like:

public class County {
     String name;
     String district;
     LocalDate date;
     int cases;
}

But it also needs to be able to handle List<State> where State looks like:

public class State {
     String name;
     int latitude;
     int longitude;
     LocalDate date;
}

What I have come up with so far is something like:

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Getting Started: Serving Web Content</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>

    <table border="1" cellpadding="10" >
        <tr> 
            <th>Col 2</th>
            <th>Col 3</th>
            <th>Col 4</th>
            <th>Col 5</th>
        </tr>
        <tr th:each="county: ${countyList}">
            <td th:text="${county.name}"></td>
            <td th:text="${county.district}"></td>
            <td th:text="${county.date}"></td>
            <td th:text="${county.cases}"></td>

        </tr>
      </table>
</body>
</html>

But this only handles one type of object with a certain number of columns. I am wondering how I can dynamically make this table so it has how every many fields the object that is passed to it has, and how to make this table handle whichever object is passed.

Is this something that can be done, if not, how should I redesign this so that I can still have one table on the page

Thanks!

You are probably looking for something like fragments.

chrylis -cautiouslyoptimistic-
– chrylis -cautiouslyoptimistic-

2020-06-03 22:23:50 +00:00
Commented Jun 3, 2020 at 22:23 — chrylis -cautiouslyoptimistic-
– chrylis -cautiouslyoptimistic-, Commented Jun 3, 2020 at 22:23

kkmazur · Accepted Answer · 2020-06-03 23:27:53Z

2

You can use th:if for this. It would be difficult and not correct to discover in the templating engine the structure of the data so just use purpose-based blocks like so:

<div th:if="${countyList != null}">
    <table border="1" cellpadding="10">...</table>
</div>
<div th:if="${stateList != null}">
    <table border="1" cellpadding="10">...</table>
</div>

edited Jun 3, 2020 at 23:27

answered Jun 3, 2020 at 22:19

kkmazur

5242 silver badges6 bronze badges

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

Collectives™ on Stack Overflow

How to make a Thymeleaf table dynamically handle multiple different object Classes?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related