JSFiddle - React, Tailwind, and code Playground

by Sebastian Brosch

HTML

<table>
    <thead>
        <tr>
            <th>title</th>
            <th>artist</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>No Ordinary Morning</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>From Where I Stand</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Come Back</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Offshore</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Don't Give Up (feat. Bryan Adams)</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Spirit (Chicane Rework Mix) [feat. Jewel]</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Halcyon</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Sunstroke</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Stoned In Love (feat. Tom Jones)</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Wake Up (feat. Keane)</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Come Tomorrow</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Leaving Town (feat. Salt Tank)</td>
            <td>Chicane</td>
        </tr>
    </tbody>
</table>
<table>
    <thead>
        <tr>
            <th>title</th>
            <th>artist</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>No Ordinary Morning</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>From Where I Stand</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Come Back</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Offshore</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Don't Give Up (feat. Bryan Adams)</td>
            <td>Chicane</td>
        </tr>
        <tr>
            <td>Spirit (Chicane Rework Mix) [feat....

CSS

body {
    background:#666;
    display:flex;
}
table {
    background:#ff3;
    display:flex; 
    flex-flow:column; 
    height:120px;
    margin-right:10px; 
    overflow:hidden;
}
thead {
    background:#999;
    flex:0 0 auto;
    overflow:hidden;
    width:101%;
}
thead, tbody tr {
    display:table;
    table-layout:fixed;
}
th {
    text-align:left;
}
tbody {
    flex:1 1 auto;
    display:block;
    overflow-y:auto;
}
tbody tr {
    width:100%;
}