Menu ▼



Posted By :
avatarmrkraju
Total Views : 9869

GridView alternative row background color using CSS

By using the option tr:nth-child(even) / tr:nth-child(odd) in CSS we can set the grid / table alter native row background color. below is the sample css for alternative row background color.

CSS Example :

<style type="text/css">

    .grid

    {

        width:500px;

    }

    .grid th

    {

        background-color:Green;

        color:#ffffff;

    }

    .grid tr:nth-child(even)

    {

        background-color:#ffffff;

    }

    .grid tr:nth-child(odd)

    {

        background-color:#cccccc;

    }

    .grid td

    {

        padding-left:10px;

    }

</style>


GridView :

<asp:GridView ID="gv" runat="server" CssClass="grid">

</asp:GridView>

 

Output :







comments powered by Disqus


Search dotnetlearners.com