JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width: 100%" class="table table-striped table-hover">
    <thead>
    <tr>
        <th width="15%"><i class="fa fa-link"></i> 1</th>
        <th><i class="fa fa-external-link"></i> 2</th>
        <th><i class="fa fa-warning"></i> 3</th>
        <th></th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            <a target="_blank" href="#">тестовый текст</a>
        </td>
        <td><a target="_blank" href="#">тестовый текст</a></td>
        <td>
            <span class="label label-sm label-warning"> 404 </span>


        </td>
        <td class="problem_is_solved_td">
            <span class="label label-sm label-success"> Решено </span>
        </td>
    </tr>
    <tr>
    <td>
        <a target="_blank"
           href="#">тестовыйтексттестовыйтексттестовыйтексттестовыйтекст</a>
    </td>
    <td><a target="_blank" href="#">тестовыйтекст</a></td>
    <td>
        <span class="label label-sm label-warning"> 404 </span>


    </td>
    <td class="problem_is_solved_td">
        <button data-id="893" type="button" class="btn green btn-outline problem_is_solved">Решено
        </button>
    </td>
</tr>
    </tbody>
</table>