JSFiddle - React, Tailwind, and code Playground

HTML

<table class="sortable">
    <tbody>
        <tr>
            <th>FIRST NAME</th>
            <th>LAST NAME</th>
            <th>YEARS</th>
            <th>GAMES</th>
            <th>GPY</th>
            <th>POINTS</th>
            <th>PPG</th>
            <th>REBOUNDS</th>
            <th>RPG</th>
            <th>ASSISTS</th>
            <th>APG</th>
            <th>STEALS</th>
            <th>SPG</th>
            <th>BLOCKS</th>
            <th>BPG</th>
            <th>3's</th>
            <th>3PG</th>
            <th>FT's</th>
            <th>FTPG</th>
            <th>CHARGES</th>
            <th>CPG</th>
        </tr>
        <tr>
            <td align="center"><font size="2">  Josh    </td><td align="center"><font size="2"> Bailey  </td><td align="center"><font size="2"> 1   </td><td align="center"><font size="2"> 3   </td><td align="center"><font size="2"> 3.0 </td><td align="center"><font size="2"> 3   </td><td align="center"><font size="2"> 1.0 </td><td align="center"><font size="2"> 6   </td><td align="center"><font size="2"> 2.0 </td><td align="center"><font size="2"> 1   </td><td align="center"><font size="2"> 0.3 </td><td align="center"><font size="2"> 0   </td><td align="center"><font size="2"> 0.0 </td><td align="center"><font size="2"> 0   </td><td align="center"><font size="2"> 0.0 </td><td align="center"><font size="2"> 0   </td><td align="center"><font size="2"> 0.0 </td><td align="center"><font size="2"> 1   </td><td align="center"><font size="2"> 0.3 </td><td align="center"><font size="2"> 0   </td><td align="center"><font size="2"> 0.0</tr>


    </tbody>
  </table>

CSS

body, table {
        font-family: sans-serif;
    }
    table {
        border-collapse: collapse;
    }
    td, th {
        padding: 6px;
    }
    th {
        background: #6699CC;
        color: white;
    }
    tbody tr:nth-child(odd) {
        background: #dfdfdf;
    }
    table {
        border: 1px solid black;
    }
    /* Scrollability of table */
    table {
        width: 890px;
    }
    /* fixed width table */
    thead tr {
        display: block;
    }
    /* makes it sizeable */
    tbody {
        display: block;
        /* makes it sizeable */
        height: 180px;
        /* height of scrollable area */
        overflow: auto;
        /* scroll rather than overflow */
        width: 100%;
        /* fill the box */
    }