JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://tablesorter.com/__jquery.tablesorter.min.js"></script>
<table id="myTable" class="tablesorter"> 
<thead> 
<tr class="items"> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr class="items"> 
    <td class="items">Smith</td> 
    <td class="items">John</td> 
    <td class="items">[email protected]</td> 
    <td class="items">$50.00</td> 
    <td class="items">http://www.jsmith.com</td> 
</tr> 
<tr>  
    <td class="items">Bach</td> 
    <td class="items">Frank</td> 
    <td class="items">[email protected]</td> 
    <td class="items">$50.00</td> 
    <td class="items">http://www.frank.com</td> 
</tr> 
<tr> 
    <td class="items">Doe</td> 
    <td class="items">Jason</td> 
    <td class="items">[email protected]</td> 
    <td class="items">$100.00</td> 
    <td class="items">http://www.jdoe.com</td> 
</tr> 
<tr class="items"> 
    <td class="items">Conway</td> 
    <td class="items">Tim</td> 
    <td class="items">[email protected]</td> 
    <td class="items">$50.00</td> 
    <td class="items">http://www.timconway.com</td> 
</tr> 
</tbody> 
</table>

CSS

#myTable td:hover{
background-color:#A00000; 
}