Set Color of GridLines in Gridview

by agrace 31. May 2009 06:04

There are times when you will want to set the color of the grid lines in your GridView - however there is not to my knowledge a way of doing this declaratively. A workaround is to do this by tapping into the GridView's RowDataBound event.

First, set the OnRowDataBound property in the markup of the GridView:

OnRowDataBound="MyGrid_RowDataBound"

Second, set the color in the OnRowDataBound handler method:

protected void MyGrid_RowDataBound(object sender, GridViewRowEventArgs e)
{
     foreach (TableCell tc in e.Row.Cells)
     {
         tc.Attributes["style"] = "border-color: #c3cecc";
     }
}

Happy coding :-)

Update 06-01-2009:
See Lee's suggestion in the comments on a quicker way to do this:
Add this to the page Load method: this.GridView1.Attributes.Add("bordercolor", "c3cecc");

Tags: gridview, gridlines

ASP.NET | GridView

DataReader or DataSet?I'm not trying to re-ignite this age-old debate but am merely using it as a starting point to ...GridView: Obfuscated Contact Email Link using Eval()Most people are by now familiar with the typical usage of the Eval() and Bind() methods in a GridVi...Bind CheckBoxList to DataSetBind CheckBoxList to DataSet using Stored Procedure

Comments (7) -

Lee Dumond

6/4/2009 6:55:50 PM #

Why not this?

    protected void Page_Load(object sender, EventArgs e)
    {
       this.GridView1.Attributes.Add("bordercolor", "c3cecc");
    }

agrace

6/5/2009 1:36:52 AM #

Nice one Lee, I tried it and it works!

agrace

6/5/2009 1:51:33 AM #

@Lee,

The weird thing is that there is a bordercolor property available declaratively, except that it only changes the outer border - but the same property, when declared programmatically, changes the internal border color? Odd...

Lee Dumond

6/5/2009 1:00:07 PM #

Anthony,

With the GridView, the declarative bordercolor attribute adds an inline style declaration which only applies to the table itself, not individual cells.

Adding the bordercolor attribute programmatically does not use an inline style, but uses the HTML bordercolor property, which browsers apply to ALL borders inside the table.

agrace

6/5/2009 1:40:18 PM #

Thanks for the explanation... that has always bugged me!