JSFiddle - React, Tailwind, and code Playground

by Awais Imran

HTML

<div class="frame">
    <table border="1" width="100%">
        <tr>
            <td>Nam luctus</td>
            <td>Nam luctus sem sit amet</td>
            <td>Nam luctus sem sit amet fermentum tincidunt</td>
            <td>Nam luctus</td>
            <td>Nam luctus sem sit amet</td>
            <td>Nam luctus sem sit amet fermentum tincidunt</td>
            <td>Nam luctus</td>
            <td>Nam luctus sem sit amet</td>
            <td>Nam luctus sem sit amet fermentum tincidunt</td>
            <td>Nam luctus</td>
            <td>Nam luctus sem sit amet</td>
            <td>Nam luctus sem sit amet fermentum tincidunt</td>
            <td>Nam luctus</td>
            <td>Nam luctus sem sit amet</td>
            <td>Nam luctus sem sit amet fermentum tincidunt</td>
            <td>Nam luctus</td>
            <td>Nam luctus sem sit amet</td>
            <td>Nam luctus sem sit amet fermentum tincidunt</td>
            <td>Nam luctus</td>
            <td>Nam luctus sem sit amet</td>
            <td>Nam luctus sem sit amet fermentum tincidunt</td>
            <td>Nam luctus</td>
            <td>Nam luctus sem sit amet</td>
            <td>Nam luctus sem sit amet fermentum tincidunt</td>
        </tr>
    </table>
<div class="gray-bar">Edit | Delete</div></div>

CSS

.frame{
    overflow-x: scroll;
    width:100%;
    }
.gray-bar{
    background:#cdcdcd;
    padding:6px 0;
    width:100%;
    height: 20px;
    }