从 thymeleaf 访问变量并根据变量的值更改表中每行的颜色

发布于 2025-01-17 07:24:07 字数 729 浏览 0 评论 0原文

我使用 Java、Spring 和 Thymeleaf。我正在尝试制作一个表格,其中列出以下数据,每个人排成一行。

<tr class="tr-frame" id="tr-one-line" th:each="woundedPerson: ${woundedPeople}">
        <td class="td-ident" th:text="${woundedPerson.getIdent()}"></td>
        <td class="td-name" th:text="${woundedPerson.getName()}"></td>
        <td class="td-surname" th:text="${woundedPerson.getSurname()}"></td>
        <td class="td-index" id="td-ind" th:text="${woundedPerson.getColorIndex()}"></td>
        <td class="td-date-time" th:text="${woundedPerson.getAddAt()}"></td>
</tr>

我想知道,如何根据 th:text="${woundedPerson.getColorIndex()}" 的值更改线条颜色?值可以是红色、绿色、黑色和黄色。有什么帮助吗?

I work with Java, Spring and Thymeleaf. I'm trying to make a table where the following data would be listed, each person in one line.

<tr class="tr-frame" id="tr-one-line" th:each="woundedPerson: ${woundedPeople}">
        <td class="td-ident" th:text="${woundedPerson.getIdent()}"></td>
        <td class="td-name" th:text="${woundedPerson.getName()}"></td>
        <td class="td-surname" th:text="${woundedPerson.getSurname()}"></td>
        <td class="td-index" id="td-ind" th:text="${woundedPerson.getColorIndex()}"></td>
        <td class="td-date-time" th:text="${woundedPerson.getAddAt()}"></td>
</tr>

I want to know, how can I change color of line according to value of th:text="${woundedPerson.getColorIndex()}"? Value can be red, green, black and yellow. Any help please?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

变身佩奇 2025-01-24 07:24:07

您还没有提到受伤的人.getColorIndex() 的示例值是什么。

在 tr 标记上添加类

<tr th:classappend="${woundedPerson.getColorIndex() == 'blue' ? 'class_name' : 'different_class_name'}" >

您可以使用 th:classappend或样式

<tr th:style="${woundedPerson.getColorIndex() == 'blue' ? 'background-color:blue' : ''}" >

You haven't mentioned what are the example values of woundedPerson.getColorIndex().

You can add a class on your tr tag using th:classappend

<tr th:classappend="${woundedPerson.getColorIndex() == 'blue' ? 'class_name' : 'different_class_name'}" >

or a style

<tr th:style="${woundedPerson.getColorIndex() == 'blue' ? 'background-color:blue' : ''}" >
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文