在ASP.NET GridView控件中，每3行厚的网格线？

Question

我想在网格中有3行，然后是将第3行与第4行分开的粗线，然后是3行，然后是将第6行与第7行分开的较粗的线，等等。

什么是最好的方法来做到这一点？

即。

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

Answer 1

这样的事情应该工作。

代码隐藏：

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; } 

Answer 2

这里是一个jQuery例如：

$(document).ready(function() { 
    $("table.MarkRows tr:nth-child(3)").addClass("BorderRow"); 
}); 

每个<table class="MarkRows">或<asp:GridView CssClass="MarkRows" />应该工作，假设你有我在列出的CSS规则我的.NET解决方案。

Answer 3

基于chprpipr的答案，这里是使用模和e.Row.RowIndex更紧凑的解决方案：

if (e.Row.RowType = DataControlRowType.DataRow) 
{ 
    if ((e.Row.RowIndex + 1) % 3 == 0) 
    { 
     e.Row.CssClass = "BorderRow"; 
    } 
} 

通过与“5％”代替“％3”例如，您将添加BorderRow CSS类每5行而不是3个。