JSFiddle - React, Tailwind, and code Playground

by raghavendram040

HTML

<table class="tableSection">
    <thead>
        <tr>
            <th><span class="text">album</span>

            </th>
            <th><span class="text">song</span>

            </th>
            <th><span class="text">genre</span>

            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
            <td>td</td>
            <td>td</td>
            <td>td</td>        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
            <td>td</td>
            <td>td</td>
            <td>td</td>        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
                        <td>td</td>
            <td>td</td>
    ...

CSS

table.tableSection {
        display: table;
        width: 100%;
    }
    table.tableSection thead, table.tableSection tbody {
        float: left;
        width: 100%;
    }
    table.tableSection tbody {
        overflow: auto;
        height: 150px;
    }
    table.tableSection tr {
        width: 100%;
        display: table;
        text-align: left;
    }
    table.tableSection th, table.tableSection td {
        width: 33%;
    border: 1px solid #ccc;
    }