How to change the background color of odd and even rows?

Change the background color for odd and event rows using Jquery

‘Odd’ and ‘even’ pseudo classes are used to selecting the odd and even number of row.


   $('table tr:even').addClass('even');
    $('table tr:odd').addClass('odd');


By using odd and even classes we can set the required background color using CSS.


See the Pen Change the background color of add and event table rows by Vinothkumar Rajendran (@fedtutorial) on CodePen.0

Continue Reading