交替行的颜色MVC [英] alternating row color MVC

问题描述

我需要设计一个表交替行颜色。下面是用code，但它不工作。可能对一些MVC语法问题。请建议。

  @for（INT I = 1; I＆LT; = 10;我++）{        VAR rowColor =D9E6C4;
        ＆LT; TR风格=背景色：@rowColor; ＆GT;
            ＆LT; TD＆GT; apoorva＆LT; / TD＆GT;
        ＆LT; / TR＆GT;
        如果（@ rowColor.Equals（＃FFFFFF））
        {
            rowColor =＃D9E6C4;
        }
        其他
        {
            rowColor =#FFFFFF;
        }
}
 

解决方案

以 rowColor 的声明之外的声明。

  @ {VAR rowColor =D9E6C4; }
@for（INT I = 1; I＆LT; = 10;我++）
{
    ＆LT; TR风格=背景色：@rowColor; ＆GT;
        ＆所述; TD＆GT;
            apoorva
        ＆LT; / TD＆GT;
    ＆LT; / TR＆GT;
    如果（@ rowColor.Equals（＃FFFFFF））
    {
        rowColor =＃D9E6C4;
    }
    其他
    {
        rowColor =#FFFFFF;
    }
}
 

I need to design a table with alternating row colors. Below is written code but its not working. May be some syntax issue for MVC. Please suggest.

@for (int i = 1; i <= 10; i++)

{

        var rowColor = "D9E6C4";
        <tr style="background-color:@rowColor;" >
            <td>apoorva</td>
        </tr>
        if (@rowColor.Equals("#ffffff"))
        {
            rowColor = "#D9E6C4";
        }
        else
        {
            rowColor = "#ffffff";
        }
}

解决方案

Take declaration of rowColor outside for statement.

@{ var rowColor = "D9E6C4"; }
@for (int i = 1; i <= 10; i++)
{
    <tr style="background-color:@rowColor;" >
        <td>
            apoorva
        </td>
    </tr>
    if (@rowColor.Equals("#ffffff"))
    {
        rowColor = "#D9E6C4";
    }
    else
    {
        rowColor = "#ffffff";
    }
}

这篇关于交替行的颜色MVC的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！