c# - mvc 根据模型值更改表列颜色

Question

我有一个由我的模型填充的表，如下所示:

    <tr>
    <td style="width: 45%;"><%= item.UnmatchedAddress %></td>
    <td style="width: 45%;"><%= item.MatchedAddress %></td>
    <td style="width: 10%; text-align: center;"><%= item.ReviewedStatus %></td>
</tr>

对于第 3 列，即 ReviewedStatus，我可以有 2-3 个不同的值，并且根据不同的值，我想更改该 TD 的背景颜色。

所以我知道我可以通过更改 item.ReviewedStatus 来做到这一点，它可以是 0,1,2,3,4 我想要一个不同的 css 类。

实现此目标的好方法是什么？

Answer 1

使用 Razor 语法可以实现这一点。 试试下面的代码:

 <tr>
    <td style="width: 45%;"><%= item.UnmatchedAddress %></td>
    <td style="width: 45%;"><%= item.MatchedAddress %></td>

    @{
        var color = "#fff";
        if (item.ReviewedStatus == "Pending")
        {
            color = "red";
        }
        else if (item.ReviewedStatus == "Done")
        {
            color = "green";
        }
    }
    <td style="width: 10%; text-align: center;background-color: @color"><%= item.ReviewedStatus %></td>
</tr>