テーブルにデータを入力する Web アプリがあり、格納されている値に応じて一部のセルの背景色を設定する必要があります。私はさまざまな JavaScript および jQuery ソリューションを Google で検索しましたが、探しているものはまったくないようです。
編集:
HTML は重要ではありません。関連する部分は次のとおりです。
<td class="green"><asp:Literal runat="server" ID="t3r3c3" /></td>
コード ビハインドには次のようなものがあります。
string controlIndex = tableIndex + "r" + row.ToString() + "c" + col.ToString();
Literal cellTarget = (Literal)form1.FindControl(controlIndex);
cellTarget.Text = cellValue;
if (controlIndex.Equals("t3r3c3") && Convert.ToDouble(dr[dc]) >= 0.7)
{
// Code to change class of parent element <td> to red here.
}
問題のセルの値は予測できません。デフォルトでは背景色は緑ですが、セルの値に応じて黄色または赤に切り替える必要がある場合があります。
編集:
問題の行のレンダリングされた HTML を次に示します。70% を超えると、クラスを黄色または赤色に変更する必要があります。
<tr><td class="green">40%</td><td class="green">30%</td><td class="green">70%</td><td class="green">48%</td><td class="green">43%</td><td class="green">90%</td></tr>