JSFiddle - React, Tailwind, and code Playground

by cristian_cena

HTML

<table id="mitable">
    <tr><td>A1</td><td>A2</td><td>A3</td><td>A4</td></tr>
    <tr><td>B1</td><td>B2</td><td>B3</td><td>B4</td></tr>
    <tr><td>C1</td><td>C2</td><td>C3</td><td>C4</td></tr>
</table>

CSS

table {
    border-collapse: collapse;
}
table tr td{
    border: 1px solid #eaeaea;
    padding: 10px 20px;
}

JavaScript

$("#mitable tr").hover(
    function(){
        $(this).css({"background":"whitesmoke"});
    },
    function(){
        $(this).css({"background":"white"});        
    }
);