如何在MVC视图中更改行背景颜色动态?

时间:2009-09-28 18:22:36

标签: asp.net-mvc

我有一个动态表,如:

<tbody>
  <% foreach (var item in Model)
   {
  %>
      <tr>
       ......
      </tr>
  <% } %>
</tbody>

然后我想将行背景颜色更改为不同的邻居行:

<tbody>
     <% int i = 0;
        foreach (var item in Model)
        {
     %>
     <%if (i++ % 2 == 0)
     { %>
       <tr style="background-color:Aqua">
     <%} else { %>
       <tr style="background-color:Fuchsia">
     <%} %>
     ....
      </tr>
  <% } %>
</tbody>

但它不起作用。或者像其他方式:<tr style="background-color:<%...%>">,也行不通。如何解决这个问题?

3 个答案:

答案 0 :(得分:1)

您可以使用引导程序类-table table-striped

例如-

<table class="table table-striped">
.....
</table>

答案 1 :(得分:0)

您没有在循环中递增 i 变量。

答案 2 :(得分:0)

增量 i 变量与此代码相同。

Model.IndexOf(item)