JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:470px;overflow:auto;">
    <span> First Table</span>
    <table class="table">
        <tbody class="interactive">
        <tr>
            <td>First Table td</td>
            <td>First Table td</td>
            <td>First Table td</td>
            <td>First Table td</td>
            <td><span><a class="continueAction" title="Modify" href="#">button</a></span></td>
        </tr>
        <tr>
            <td>SecondTabletd</td>
            <td>Second Table td</td>
            <td>Second Table td</td>
            <td>Second Table td</td>
            <td><span><a class="continueAction" title="Modify" href="#">button</a></span></td>
        </tr>
        <tr>
            <td>Third Table tr td aaa bbb ccc ddd eee fff</td>
            <td>Third Table tr td aaa bbb ccc ddd eee fff</td>
            <td>Third Table tr td aaa bbb ccc ddd eee fff</td>
            <td>Third Table tr td aaa bbb ccc ddd eee fff</td>
            <td><span><a class="continueAction" title="Modify" href="#">button</a></span></td>
        </tr>
            <tr>
            <td>Fourth Table td</td>
            <td>Fourth Table td</td>
            <td>Fourth Table td</td>
            <td>Fourth Table td</td>
                <td><span><a class="continueAction" title="Modify" href="#">button</a></span></td>
        </tr>  
                    <tr>
            <td>First Table td</td>
            <td>First Table td</td>
            <td>First Table td</td>
            <td>First Table td</td>
                        <td><span><a class="continueAction" title="Modify" href="#">button</a></span></td>
        </tr>
        <tr>
            <td>SecondTabletd</td>
            <td>Second Table td</td>
            <td>Second Table td</td>
            <td>Second Table td</td>
            <td><span><a class="continueAction" title="Modify" href="#">button</a></span></td>
        </tr>
        <tr>
            <td>Third Table tr td aaa</td>
            <td>Third Table tr td aaa</td>
           ...

CSS

td{
    border:1px solid gray;
    /*white-space:nowrap;*/
    max-width: 370px !important;
    word-wrap: break-word;
    padding: 0.25em;
}
td span a.continueAction{
cursor:pointer;
border-left:7px solid green;
border-right:7px solid green;
}