asp.net - 在ASP.NET GridView控件中每3行粗网格线?

原文 标签 asp.net css

我想在网格中有3行,然后是一条较粗的线将第3行与第4行分隔开,然后再增加3行,然后是一条较粗的线将6th行与第7行分隔开,依此类推。

做这个的最好方式是什么?

即。

Row 1
Row 2
Row 3
-------------
Row 4
Row 5
Row 6
-------------

最佳答案

这样的事情应该起作用。

代码背后:

private int RowCount { get; set; }

protected void myGrid_RowDataBound(object sender, GridViewRowEventArgs e)
{
    switch(e.Row.RowType)
    {
        case DataControLRowType.Header:
            {
                RowCount = 0;
            }
            break;
        case DataControlRowType.DataRow:
            {
                RowCount += 1;
                if (RowCount == 3)
                {
                    e.Row.CssClass = "BorderRow";
                    RowCount = 0;
                }
            }
            break;
    }
}


CSS:

tr.BorderRow td { border-bottom: 3px solid #000000; }

关于asp.net - 在ASP.NET GridView控件中每3行粗网格线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4683612/

相关文章:

asp.net - ListBox 中是否有选定项目的 ASP.NET 集合?

c# - Ninject 和异步操作

.net - web.config 授权拒绝未授权

css - 使用makeStyles在另一个选定类中的嵌套类

html - 使用关键帧和div制作动画背景-使用滚动条(html&CSS)填充屏幕

javascript - Javascript,切换按钮按类向元素添加样式

javascript - 如何禁用JavaScript中的弹出窗口

c# - 如何在 ASP.NET MVC 中获取 ViewBag 值?

css - 限制 :hover to the parent element

jquery - 我有使用切换功能的自定义jQuery Accordion 和iam,如果我单击第二个选项卡,则第一个选项卡应该折叠,这没有发生