JSFiddle - React, Tailwind, and code Playground

by terjeto

HTML

<table>
    <thead>
        <th>a</th><th>b</th><th>c</th>
    </thead>
</table>
<div>
    <table>
        <tbody>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
            <tr><td>-</td><td>-</td><td>-</td></tr>
        </tbody>
    </table>
</div>

CSS

table {
    width: 400px;
}
td,th {
    width: 20px;
}
div {
    width: 400px;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}