0

I´m using dynamic data

<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>

The rows are mark with id from 1 to 12.

How can i color the row with id=11 and id=12 with maybe red?

This is a scoring board, and the two rows in the bottom marks that they will be sent down to lower premier league.

4

1 回答 1

0

如果您将始终在此表中列出 12 个团队，并且只想突出显示底部的两个团队，那么通过 CSS 很容易做到。只需创建一个规则

tr#11{ 背景颜色：#fff100}

tr#12 相同

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

  1. 获取包含团队的数组的长度
  2. 在您的迭代器中，通过将当前位置与小于长度的 2 进行比较来检查它何时到达倒数第二个项目
  3. 给这个 tr 一个新类，或者如果你不能替换类属性，然后添加一个新属性，如 relegated="1" 或类似的东西。
  4. 在 CSS 中，只需使用选择器或类来保留新的背景颜色。

您还可以使用 DOM 导航到表中的最后一个 tr 项目并将前一个项目保留在变量中，然后使用这两个项目并使用背景颜色向它们添加样式属性。

有几种方法可以实现这一点。取决于你如何让你的网格出来，你感觉舒服的方式以及性能开销。

于 2011-09-06T10:02:55.010 回答