JSFiddle - React, Tailwind, and code Playground

by Scott Guymer

HTML

<table style="width: 100%">
    <thead  style="width: 100%; position:fixed;">
        <tr>
            <th style="width: 50%">This is my header</th>
            <th style="width: 50%">This is my header</th>
        </tr>
    </thead>
    <tbody style="position: relative; max-height:100px; overflow-y:auto; display:block; width: 100%">
        <tr>
            <td style="width: 50%">col1</td>
            <td style="width: 50%">col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col1</td>
        </tr>
        
    </tbody>
</table>

CSS

::-webkit-scrollbar {
display: none;
}