JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table1">
<table>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
</tr>
<tr>
<td>A1</td>
<td>B1</td>
</tr>
</table>

</div>

CSS

table, th, td  {

    border: 1px solid black; 
      }

    tr.nice td {
        background:  #FAFAD2; 
    }

    tr th:hover {
    background: #1E90FF; 
    }