Model view controller 在没有JQuery的情况下更改Helper WebGrid MVC中第一行的背景色

我想在不使用JQuery的情况下更改WebHelper WebGrid for MVC中第一行的背景色

---

有什么想法吗？

在每个列的格式参数中都可以有一个建议，使用一个基于不同变量的if-else情况，该变量将使用css将数据包装在一个跨度中。有点麻烦，但应该可以

@model IEnumerable<MyViewModel>

@{
    var indexedModel = Model.Select((item, index) => new { Element = item, Index = index });
    var grid = new WebGrid(indexedModel);
}

@grid.GetHtml(
    columns: grid.Columns(
        grid.Column(
            columnName: "item.MyProperty", 
            header: "Myproperty",
            format: 
                @<text>
                    <div@Html.Raw(item.Index == 0 ? " class=\"firstRow\"" : "")>
                        @item.Element.MyProperty
                    </div>
                </text>
        )
    )
)

---

由于这个原因，一些JQuery可能会更简单。

在每个列的format参数中都可以有一个建议，使用一个基于不同变量的if-else情况，该变量将使用css将数据包装在一个跨度中。有点麻烦，但应该可以

---

由于这个原因，一些JQuery可能会更容易。

哇，Darin非常感谢，我知道必须有一种没有JQuery的方法！抱歉@Darin Dimitrov，但这会给你带来一点麻烦。在这种情况下，我需要整排。@HarHaHu，对不起，那是不可能的。WebGrid不允许您在

上设置任何样式。在这种情况下，您唯一的希望是javascript。哇，Darin非常感谢，我知道必须有一种没有JQuery的方法！抱歉@Darin Dimitrov，但这会给你带来一点麻烦。在这种情况下，我需要整排。@HarHaHu，对不起，那是不可能的。WebGrid不允许您在

上设置任何样式。在这种情况下，您唯一的希望是javascript。

.firstRow {
    background-color: Red;
}