ASP.NET GridView控件中每3行都有粗网格线?

ang*_*son 0 css asp.net

我想在网格中有3行,然后是一条较粗的线,将第3行与第4行分开,然后再分3行,然后是将第6行与第7行分开的较粗的线,等等.

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

即.

Row 1
Row 2
Row 3
-------------
Row 4
Row 5
Row 6
-------------
Run Code Online (Sandbox Code Playgroud)

chp*_*ipr 5

这样的事情应该有效.

代码隐藏:

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;
    }
}
Run Code Online (Sandbox Code Playgroud)

CSS:

tr.BorderRow td { border-bottom: 3px solid #000000; }
Run Code Online (Sandbox Code Playgroud)