JSFiddle - React, Tailwind, and code Playground

by Scott Guymer

HTML

<table>
    <thead>
        <tr>
            <th style="width: 10%">This is my header</th>
            <th style="width: 10%">This is my header</th>
        </tr>
    </thead>
    <tbody style="max-height:100px; overflow-y:auto; display:block">
        <tr>
            <td style="width: 10%">col1</td>
            <td style="width: 10%">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>