JSFiddle - React, Tailwind, and code Playground

by tommaitland

HTML

<table class='data_table unclickable_table'>
<tbody>
<tr class='table_green'>
 <td>Untill it goes Click!</td>
</tr>
<tr class='table_red'>
 <td>Untill it goes Click!</td>
</tr>
</tbody></table>

CSS

.table_green {
    background: #B4E391;
}
.table_red {
    background: red;
}
.data_table tbody tr:hover td {
    background-color: #fff;
    cursor: pointer;
}
.unclickable_table.data_table tbody tr:hover td {
    background-color: inherit;
    cursor: default;
}