Highlight Alternate Column Color in a Table using jQuery

If you want to highlight alternate columns of a table using jQuery, use this simple jQuery


    <script type="text/javascript">

        $(document).ready(function() {

        $("#GridView1 tr td:nth-child(even)")

         .css("background", "gray");

        });

 

    </script>



where GridView1 is the id of the table.

1 comment:

  1. UnknownNovember 4, 2009 at 8:35 AM

    Hi, it's a nice script, but the hover state for cells doesn't work when you apply it :/ otherwise it's great. Do you know what I should do to modify it?

    ReplyDelete