JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table1" border="1">
<tr>
<th>Column 1 </th>
<th>Column 2</th>
</tr>


<tr>
    <td>1</td>
	<td>2</td>
</tr>
<tr>
    <td>3</td>
	<td>4</td>
</tr>
</table>

CSS

.hover { background-color:powderblue; }
#table1{margin :200px;}

JavaScript

$('#table1 tr').hover(function() {
    $(this).addClass('hover');
}, function() {
    $(this).removeClass('hover');
});