JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>&nbsp;</td>
        <th>One</th>
        <th>Two</th>
    </tr>
    <tr>
        <th>Title</th>
        <td>Three</td>
        <td>Four</td>
    </tr>
    <tr>
        <th>Title2</th>
        <td>Five</td>
        <td>Six</td>
    </tr>
    <tr>
        <th>Title3</th>
        <td>Seven</td>
        <td>Eight</td>
    </tr>
    <tr>
        <th>Title4</th>
        <td>Nine</td>
        <td>Ten</td>
    </tr>
</table>

CSS

tr {
    background-color:rgb(165, 182, 229);
    box-shadow:0px 2px 2px black;
    -moz-box-shadow:0px 2px 2px black,;
     -webkit-box-shadow:0px 2px 2px black;}

td, th {
    padding:5px;
    text-align:left;}