How to change GridView row color in Asp.Net - ProgramIdea

How To Change GridView Row's Color

Here we are binding a GridView in Asp.Net and changing row color.

Points Of Remember:

1. Fire GridView's event RowDataBound.

2. Change font color in RowDataBound event according to your logic.

3. Add namespace System.Data and System.Data.SqlClient in your C# page.

<html xmlns="">

<head runat="server">




    <form id="form1" runat="server">



         <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"  Width="600px"

            OnRowDataBound="GridView1_RowDataBound" CellPadding="4" ForeColor="#333333">


                <asp:BoundField DataField="Name" HeaderText ="Student Name"  />

                <asp:BoundField DataField="Branch" HeaderText="Branch" />

                <asp:BoundField DataField="City" HeaderText ="City Name"  />


            <HeaderStyle BackColor="#7961da" Font-Bold="True" ForeColor="White" />       

            <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />






using System.Data;

using System.Data.SqlClient;


public partial class GridView : System.Web.UI.Page


    SqlConnection con = new SqlConnection( @"Data Source=JITESH-PC;Initial Catalog=db_Test;Integrated Security=True" );


    protected void Page_Load(object sender, EventArgs e)


        if (!IsPostBack)






    // Method for binding GridView

    protected void BindGridView()


        DataTable dt = new DataTable();       

        SqlDataAdapter da = new SqlDataAdapter( "Select Name, Branch, City from tbl_student" , con);





        if (dt.Rows.Count > 0)


            GridView1.DataSource = dt;





    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)


        if (e.Row.RowType == DataControlRowType.DataRow)


            if (e.Row.Cells[1].Text == "ECE")


                e.Row.BackColor = System.Drawing.Color.Orange;