百里香 - 表tr th：每一個都有多種條件th：if

Question

我想用一些條件製作一張表。如果該項目低於庫存的0.33％，則行顏色必須設置爲紅色。如果項目大於0.33％且小於0.66％，則行顏色必須設置爲橙色，如果項目大於0.66％，則行顏色必須設置爲黃色。

我使用日：每個在每個標籤TR，並給予日：如果，但只顯示一行與股票大於0.66％

<tr th:each="item: ${items}" th:if="${item.sisa/item.stok &lt; 33/100 }" style="background-color:red" >       
    <td th:text="${item.id}">A Smoke Test</td> 
    <td th:text="${item.name}">A Smoke Test</td> 
    <td th:text="${item.stok}">A Smoke Test</td> 
    <td th:text="${item.sisa}">A Smoke Test</td> 
    <td th:text="${item.harga}">A Smoke Test</td> 
    <td th:text="${item.supplier.name}">A Smoke Test</td> 
</tr> 
<tr th:each="item: ${items}" th:if="${item.sisa/item.stok &gt; 33/100 and item.sisa/item.stok &lt; 66/100}" style="background-color:orange" >         
    <td th:text="${item.id}">A Smoke Test</td> 
    <td th:text="${item.name}">A Smoke Test</td> 
    <td th:text="${item.stok}">A Smoke Test</td> 
    <td th:text="${item.sisa}">A Smoke Test</td> 
    <td th:text="${item.harga}">A Smoke Test</td> 
    <td th:text="${item.supplier.name}">A Smoke Test</td> 
</tr> 
<tr th:each="item: ${items}" th:if="${item.sisa/item.stok &gt; 66/100}" style="background-color:yellow"> 
    <td th:text="${item.id}">A Smoke Test</td> 
    <td th:text="${item.name}">A Smoke Test</td> 
    <td th:text="${item.stok}">A Smoke Test</td> 
    <td th:text="${item.sisa}">A Smoke Test</td> 
    <td th:text="${item.harga}">A Smoke Test</td> 
    <td th:text="${item.supplier.name}">A Smoke Test</td> 
</tr> 

我有數據樣本以0.22％，0.77％和0.99％，但只有0.99％的數據樣本出現。

---

問題解決了！

而不是使用thymeleaf th：如果我使用的datatable createdRow比使用thymeleaf更容易使用th：if tag。

Answer 1

我覺得你這樣做太複雜了。

我會寫一個java（或js）方法，它會根據百分比輸入返回所需的顏色（-class）。

這將使您的模板更具可讀性和可維護性。