JSFiddle - React, Tailwind, and code Playground

HTML

<table class="tracklisting">
    <thead>
        <tr><td>im</td><td>the</td><td>header</td><td>!</td></tr>
    </thead>
   ...

CSS

.tracklisting{
    padding-top:20px;
    height: 200px;
    overflow:scroll;
    border:1px solid red;
    width:320px;
    display:block;
    float:left;
}

.tracklisting thead {
    background: red;
    display:block;
    position:absolute;
    width: 320px;
    top:0;
}

tbody{overflow-y:scroll; display:block; float:left; height:200px; width:318px;}