html - 値に基づいて表の背景色を動的に変更する

Question

データベースから取り込まれているテーブルがあり、データベースからも来る各行に背景色を適用する必要があります。私のコードは以下のとおりです。何が間違っているのかわかりませんが、機能していません。ヘルプ！

       <tbody> 
  <tr> 
  <c:forEach items="${summary}" var="summary" 
  style='background-color:<c:out value="${summary.color}"></c:out>;'>


 <tr>
 <td><c:out value="${summary.eventDesc}"  /></td>
  <td><c:out value="${summary.labelNbr}" /></td>
 <td><c:out value="${summary.origin}" /></td>
 <td><c:out value="${summary.senderName}" /></td>
 <td><c:out value="${summary.receiverName}" /></td>
 <td><c:out value="${summary.receiptDate}" /></td>
 <td><c:out value="${summary.loadDate}" /></td>
 <td><c:out value="${summary.forecastIsc}" /></td>
 <td><c:out value="${summary.actualIsc}" /></td>
 <td><c:out value="${summary.country}" /></td>
 <td><c:out value="${summary.source}" /></td>
 <td><input type="checkbox" value=""></td>
 </tr>
 </c:forEach>

Answer 1

わかりましたので、ついにそれを理解しました。データベーステーブルから色を取得しているため、次のコードは正常に機能します。

<td bgcolor='<c:out value="${summary.color}"></c:out>'>
    <c:out value="${summary.eventDesc}" />
</td>

Answer 2

データベースの色を使用する必要がある場合は、それぞれにインライン スタイルを追加する<tr>か、<td>

---

各色の要素にcssクラスを追加し、<tr>cssルールを次のように記述することをお勧めします

tr.class-1 > td { background-color: yellow }

tr.class-2 > td { background-color: red }

tr.class-3 > td { background-color: green }

Answer 3

これを試してください（コードの行数が減ります）：

<c:forEach items="${summary}" var="summary">
<tr style='background-color: ${summary.color}'>
<td></td>
<td></td>
<td></td>
</tr>
</c:forEach>