在百里香叶上添加条件:文本

Question

我的HTML文件上有一个表格，它填充如下：

<table>
        <thead>
        <tr>
            <th class="text-left">First Name</th>
            <th class="text-left">Last Name</th>
            <th class="text-left">Status</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="user : ${users}">
            <td class="text-left" th:text="${user.firstname}"></td>
            <td class="text-left" th:text="${user.lastname}"></td>
            <td class="text-left" th:text="${user.status}"></td>
        </tr>
        </tbody>
    </table>

问题是对于状态我有两个条件：在线和离线，我想做的是如果状态=="在线"将th：text颜色更改为绿色，当状态=="离线"将其更改为红色。我不知道是否有办法用thymeleaf做到这一点，或者我必须使用javascript。

Answer 1

您是否尝试过使用th:classappend？您可以使用规则定义两个CSS类(颜色：红色;或颜色：绿色;(并根据条件分配正确的类：

<td class="text-left" th:text="${user.firstname}" th:classappend="${isOnline} ? onlineCSSClass : offlineCSSClass"></td>

附言我认为isOnline是一个设置为 true/false 的变量，具体取决于它是在线还是离线