JSFiddle - React, Tailwind, and code Playground

HTML

<table> 
     <tbody> 
      <tr> 
        <td>Lorem</td> <td>Ipsum</td> <td>Fierent</td> 
      </tr> 
      <tr> 
        <td>Lorem ipsum</td> <td>pro ut tale erant</td> <td>mnesarchum ne</td>
      </tr>
      <tr>
        <td >mnesarchum ne </td> <td >sapientem</td> <td >fierent mnesarchum </td> 
      </tr>
     </tbody>
    </table>

CSS

.hovered td {
        background: #ddd;
    }

JavaScript

$('table tr').mouseover(function() {
        $(this).addClass('hovered');
    }).mouseout(function() {
        $(this).removeClass('hovered');
    });