MVC Изменить цвет строки на основе значения из модели

Question

У меня есть эти 2 столбца, и я хочу поставить строку, где находится консультант по путешествиям = Имя пользователя1 с зеленым цветом на буквах и имя пользователя2 с красным цветом на буквах. Как я могу это сделать?

<table class="table table-striped table-hover table-bordered tablesModel">
    <thead>
        <tr>

            <th data-field="@Html.DisplayNameFor(model => model.Travel_Consultant)" data-sortable="true">
                @Html.DisplayNameFor(model => model.Travel_Consultant)
            </th>

            @*scope1, scope2*@

            <th data-field="@Html.DisplayNameFor(model => model.Description)">
                @Html.DisplayNameFor(model => model.Description)
            </th>

        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td data-field="@Html.DisplayNameFor(model => model.Travel_Consultant)" data-sortable="true">
                    @Html.DisplayFor(modelItem => item.Travel_Consultant)
                </td>
                <td data-field="@Html.DisplayNameFor(model => model.Description)">
                    @Html.DisplayFor(modelItem => item.Description)
                </td>

            <td style="text-align:center;">
            <button onclick="createOrEdit(@item.ExtraJobsID)" type="button" class="btn-xs buttongreenpt">
            <i class="fa fa-edit fa-20px"></i>
            </button>
            </td>

            </tr>
        }
    </tbody>
</table>

Answer 1

Если вы хотите применить код в вашем представлении, попробуйте что-то вроде этого в вашем @foreach:

          <tr>
            @if (model.Travel_Consultant == "Username1")
            {
            <td data-field="@Html.DisplayNameFor(model => model.Travel_Consultant)" 
            data-sortable="true" style="color: red">
                @Html.DisplayFor(modelItem => item.Travel_Consultant, new { @style = 
             "color:green;" })
            </td>

             }
             else if(model.Travel_Consultant == "username2")
             {
            <td data-field="@Html.DisplayNameFor(model => model.Description)">
                @Html.DisplayFor(modelItem => item.Description, new { @style = 
                "color:red;" })
            </td>

             }

        <td style="text-align:center;">
            <button onclick="createOrEdit(@item.ExtraJobsID)" type="button" class="btn-xs buttongreenpt">
                <i class="fa fa-edit fa-20px"></i>
            </button>
        </td>
    </tr>

Answer 2

В цикле foreach

if(consultant = Username1)
assign class Green to that row
.Green{color: green;}


else if(consultant = Username1)
assign class Red to that row
.Red{color: red;}

Надеюсь, это решит вашу проблему.