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>

问题是，对于状态我有两个条件：在线和离线，我想要做的是如果status =='online'将th：text颜色更改为绿色，当status =='offline'将其更改为红色。我不知道是否有办法用百里香叶做这个或者我必须使用javascript。

Answer 1

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

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

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

为th：thymeleaf上的文字添加一个条件

1 个答案: