C# 交替行彩色MVC

C# 交替行彩色MVC,c#,asp.net-mvc,asp.net-mvc-3,asp.net-4.0,C#,Asp.net Mvc,Asp.net Mvc 3,Asp.net 4.0,我需要设计一个交替行颜色的桌子。下面是编写的代码,但它不起作用。MVC可能存在一些语法问题。请建议 @for (int i = 1; i <= 10; i++) { var rowColor = "D9E6C4"; <tr style="background-color:@rowColor;" > <td>apoorva</td> </tr> if (

我需要设计一个交替行颜色的桌子。下面是编写的代码,但它不起作用。MVC可能存在一些语法问题。请建议

@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";
        }
}
@for(int i=1;i您应该使用:

    if (rowColor.Equals("#ffffff"))
    {
        rowColor = "#D9E6C4";
    }
    else
    {
        rowColor = "#ffffff";
    }
另一种方法是使用mod选择颜色:

    <tr style='background-color:@(i%2 == 0 ? "#D9E6C4":"#ffffff"  );'>
        <td>apoorva</td>
    </tr>

阿波娃
参考上一篇文章-

试试

@for (int i = 1; i <= 10; i++)
{
    string rowColor;
    if(i % 2 == 0)
    {
        rowColor = "D9E6C4";
    }
    else
    {
        rowColor = "ffffff";
    }
    <tr style="background-color:#@rowColor;" >
        <td>apoorva</td>
    </tr>
}
@for(int i=1;iCSS3示例取自


这似乎是一个非常基本的错误:每次通过循环时,您都在设置值。只需将初始设置移到循环之外:

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";
    }
}
var rowColor=“D9E6C4”;

@for(inti=1;i将
rowColor
outside的声明作为for语句

@{ 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";
    }
}
@{var rowColor=“D9E6C4”}
@对于(int i=1;i
@{
字符串rowColor=“#D9E6C4”;
@对于(inti=1;i在您的样式中使用css

tr:n个孩子(偶数){背景:#CCC}

tr:nth child(odd){background:#FFF}

你知道jquery吗,或者你能使用java脚本吗?为什么不直接使用css呢?可能是
tr:nth-child(odd)    { background-color:#ffffff; }
tr:nth-child(even)    { background-color:#D9E6C4; }
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";
    }
}
@{ 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";
    }
}
@{

 string rowColor = "#D9E6C4";   
 <table>
@for (int i = 1; i <= 10; i++)
{
        <tr style="background-color:@rowColor;" >
            <td>apoorva</td>
        </tr>
       rowColor = rowColor == "#D9E6C4" ? "#FFFFFF" : "#D9E6C4";
}
</table>
}