asp.net網格視圖改變顏色的垂直線

Question

我想改變一個asp.net網格視圖的水平和垂直線的顏色。我正在改變單元格的邊框顏色，但只有水平線改變了。你可以看到附加的圖片。

Answer 1

您可以使用RowDataBound：

protected void gridView1_RowDataBound(Object sender, GridViewRowEventArgs e) 
{ 
    foreach (TableCell tc in e.Row.Cells) 
    { 
     tc.Attributes["style"] = "border-right:3px solid red; border-bottom:3px solid blue"; 
    } 
} 

當然你也可以使用CSS類（通過tc.CssClass）代替內聯的CSS。

Answer 2

您可以通過RowDataBound事件，這樣的改變：

protected void grid_RowDataBound(object sender, GridViewRowEventArgs e) 
{ 
    // check if it's a data row (not header and footer) 
    if (e.Row.RowType == DataControlRowType.DataRow) 
    { 
     // take a color from a condition or not... i don't know what is your case 
     string color = condition ? "#ff9900" : "some-other-color"; 

     // set the color on X column, where X is your column index (starting by 0) 
     e.Row.Cells[X].Attributes.Add("Style", "background-color: " + color + ";"); 
    } 
} 

Answer 3

只需刪除所有邊框並執行以下操作， 在Grid View標籤中添加以下代碼行。

CellPadding="4" CellSpacing="1" Height="100%" GridLines="None" BackColor="#9CB6DB" 

您會得到所需的結果。

Answer 4

簡單使用的網格視圖的性質

<asp:GridView ID="grd_data" runat="server" GridLines="Both" CssClass="griedline"> </asp:GridView> 

ü還可以使用特定的水平和垂直

創建在樣式表作爲外部文件或內聯的CSS

.griedline tr,.griedline td,.griedline th 
     { 
      border-top: 1px solid #DDDDDD; 
      border-bottom: 1px solid #DDDDDD; 
      border-left:1px solid #DDDDDD; 
      border-right:1px solid #DDDDDD; 

     }