JSFiddle - React, Tailwind, and code Playground

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;
    border:1px solid red;
    display:table-cell;
   
    }
table{float:left;clear:both;}
.gray-bar{
    background:#cdcdcd;
    padding:6px 0;
    clear:both;
    float:left;
    width:100%;
    
    height: 20px;
    }