JSFiddle - React, Tailwind, and code Playground

by Chris Nicholson

HTML

<table>
    <tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr class="classA"><td>hello world</td></tr><tr...

CSS

.classA {
    background-color: red;
}

.classB {
    background-color: blue;
}

JavaScript

$('button').click(function(){
    $('tr').addClass('classB').removeClass('classA');
});