JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<table cellpadding="0" cellspacing="0">
   <tr>
        <td>first</td>
        <td>second</td>
        <td>third</td>
        <td>fourth</td>
    </tr>
    <tr>
        <td>first</td>
        <td>second</td>
        <td>third</td>
        <td>fourth</td>
    </tr>
    <tr>
        <td>first</td>
        <td>second</td>
        <td>third</td>
        <td>fourth</td>
    </tr>
    <tr>
        <td>first</td>
        <td>second</td>
        <td>third</td>
        <td>fourth</td>
    </tr>
</table>

CSS

table {
    border-collapse: collapse;
}

tr:hover {
    background: red;
}

td {
    padding: 2px 5px;
    position:relative;
}