C# 在数据网格中显示备用行颜色

有人能帮我找到一种jquery的快速替代方法，以显示具有不同背景颜色的替代行吗？尝试使用foreach循环，但运气不太好。非常感谢

    <div class="acgridhdrstart">Account Name</div>
<div class="acgridhdr">Account Region</div>
<div class="acgridhdr">Account Representative</div>
<div class="acgridhdr">Peer Partner</div>
<div class="acgridhdr">Last Updated</div>
@while (myreader.Read())
{
<div class="bgcol">
 <span class="acgridstart">@myreader["acname"]</span>
 <span class="acgrid">@myreader["acregion"]</span>
 <span class="acgrid">@myreader["acrep"]</span>
 <span class="acgrid">@myreader["acpeer"]</span>
 <span class="acgrid">@myreader["lastupdated"]</span>
</div>
}

帐户名
帐户区域
客户代表
同伴伙伴
最后更新
@while（myreader.Read（））
{
@myreader[“acname”]
@myreader[“区域”]
@myreader[“acrep”]
@myreader[“acpeer”]
@myreader[“最新更新”]
}

如果您可以使用“偶数”或“奇数”类编写每行标记，那么您可以轻松使用CSS来实现此效果。否则，您需要使用jQuery之类的工具来添加与条带样式相对应的适当的“偶数”和“奇数”类。

如果您可以使用“偶数”或“奇数”类编写每行标记，那么您可以轻松地使用CSS来实现此效果。否则，您将需要使用jQuery之类的工具来添加与您的条带样式相对应的适当的“偶数”和“奇数”类。

使用CSS3，您可以：n个子级（偶数）和：n个子级（奇数）

jQuery版本，FWIW:

如果您希望它出现在视图代码中，Phil Haack的Cycle方法可能会很有用

也许你不知道，WebGrid有rowStyle和alternatingRowStyle

---

使用CSS3，您可以：n个孩子（偶数）和：n个孩子（奇数）

jQuery版本，FWIW:

如果您希望它出现在视图代码中，Phil Haack的Cycle方法可能会很有用

也许你不知道，WebGrid有rowStyle和alternatingRowStyle

---

我最终使用了SQLDataAdapter并返回了如下数据：

@for (int i = 0; i < dt.Rows.Count; i++)
{
    string rowclass = "bgcol";
    if (i % 2 == 0)
    {
        rowclass = "bgalt";
        }
        else
        {
            rowclass = "bgcol";
        }   
<div class="@rowclass">
 <span class="acgridstart">@dt.Rows[i]["acname"].ToString()</span>
 <span class="acgrid">@dt.Rows[i]["acregion"].ToString()</span>
 <span class="acgrid">@dt.Rows[i]["acrep"].ToString()</span>
 <span class="acgrid">@dt.Rows[i]["acpeer"].ToString()</span>
 <span class="acgrid">@dt.Rows[i]["lastupdated"].ToString()</span>
</div>
}

@for（int i=0；i

我最终使用了SQLDataAdapter并返回了如下数据：

@for (int i = 0; i < dt.Rows.Count; i++)
{
    string rowclass = "bgcol";
    if (i % 2 == 0)
    {
        rowclass = "bgalt";
        }
        else
        {
            rowclass = "bgcol";
        }   
<div class="@rowclass">
 <span class="acgridstart">@dt.Rows[i]["acname"].ToString()</span>
 <span class="acgrid">@dt.Rows[i]["acregion"].ToString()</span>
 <span class="acgrid">@dt.Rows[i]["acrep"].ToString()</span>
 <span class="acgrid">@dt.Rows[i]["acpeer"].ToString()</span>
 <span class="acgrid">@dt.Rows[i]["lastupdated"].ToString()</span>
</div>
}

@for（int i=0；i

像这样：

<script type="text/javascript">
    $(function() {
        $('#yourtable tr:odd').css('background-color', '#cccccc');
    });
</script>

$（函数（）{
$（'#yourtable tr:odd'）.css（'background-color'，'#cccc'）；
});

像这样：

<script type="text/javascript">
    $(function() {
        $('#yourtable tr:odd').css('background-color', '#cccccc');
    });
</script>

$（函数（）{
$（'#yourtable tr:odd'）.css（'background-color'，'#cccc'）；
});

为了确保我正确解析了问题，您不想使用jQuery吗？如果没有，我可以问一下为什么没有吗？为了确保我正确解析了问题，您不想使用jQuery？如果没有，我可以问一下为什么没有吗？詹姆斯，谢谢你花时间写这么全面的答案！我在下面给出了一个不同的解决方案，并给了你一个投票结果：-）。詹姆斯，谢谢你花时间写这么全面的答案！我在下面提出了一个不同的解决方案，并给了你们一个投票结果：-）。