How to apply CSS to a GridView Row based on a condition

Assuming you have a GridView with a 'Discontinued' column. You now want to apply a different css class for all the rows that are Discontinued, then here's how to do so.

C#


protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)


{


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


    {


        DataRowView drv = e.Row.DataItem as DataRowView;


        if (drv["Discontinued"].ToString() == "true")


            e.Row.CssClass = "selected";


    }


}




VB.NET


    Protected Sub GridView1_RowDataBound(ByVal sender As Object, _


                                         ByVal e As GridViewRowEventArgs)


        If e.Row.RowType = DataControlRowType.DataRow Then


            Dim drv As DataRowView = TryCast(e.Row.DataItem, DataRowView)


            If drv("Discontinued").ToString() = "true" Then


                e.Row.CssClass = "selected"


            End If


        End If


    End Sub


No comments:

Post a Comment