Asp.net mvc 具有自定义行颜色的jqgrid

我正在使用动态数据

<tr class="ui-widget-content jqgrow ui-row-ltr" role="row" id="1">...</tr>
<tr class="ui-widget-content jqgrow ui-row-ltr myAltRowClass" role="row" id="2"></tr>
<tr class="ui-widget-content jqgrow ui-row-ltr" role="row" id="3">...</tr>
<tr class="ui-widget-content jqgrow ui-row-ltr myAltRowClass" role="row" id="4"></tr>
<tr class="ui-widget-content jqgrow ui-row-ltr" role="row" id="5">...</tr>
<tr class="ui-widget-content jqgrow ui-row-ltr myAltRowClass" role="row" id="6"></tr>
<tr class="ui-widget-content jqgrow ui-row-ltr" role="row" id="7">...</tr>
<tr class="ui-widget-content jqgrow ui-row-ltr myAltRowClass" role="row" id="8"></tr>
<tr class="ui-widget-content jqgrow ui-row-ltr" role="row" id="9">...</tr>
<tr class="ui-widget-content jqgrow ui-row-ltr myAltRowClass" role="row" id="10"></tr>
<tr class="ui-widget-content jqgrow ui-row-ltr" role="row" id="11">...</tr>
<tr class="ui-widget-content jqgrow ui-row-ltr myAltRowClass" role="row" id="12"></tr>

这些行用id从1到12进行标记

如何将id=11和id=12的行涂成红色

---

这是一个记分板，底部的两行标记将被发送到下一级英超联赛。

如果你总是在这个表中列出12支球队，并且只想突出底部的两支球队，那么通过CSS很容易做到。只需创建一个规则，如

tr11{背景色：fff100}

tr12也一样

然而，如果您希望它是动态的，并且希望最后两行具有降级ID，那么您需要在服务器端或客户端执行以下操作

获取包含团队的数组的长度 在迭代器检查中，通过将当前位置与小于长度的2进行比较，当它到达第二个最后一项时 给这个tr一个新类，或者如果你不能替换class属性，那么添加一个新属性，比如relegated=1或者类似的东西。 在CSS中，只需使用选择器或类来保持新的背景色。 您还可以使用DOM导航到表中的最后一个tr项目，并在变量中保留前一个项目，然后使用这两个项目，并使用背景色向其添加样式属性

有几种方法可以实现这一点。这取决于你是如何获得你的电网，你觉得舒适的方式以及性能开销