JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<table>
    <tr>
        <td>hej</td>
        <td>hop</td>
    </tr>
    <tr>
        <td>hej</td>
        <td>hop</td>
    </tr>
    <tr>
        <td>hej</td>
        <td>hop</td>
    </tr>
    <tr>
        <td><span class="no-wrap">hej sadf asf safdsfsad fasd ffa d faa dfsgsdfg fdsg fds g gfdsg fdsgsd gsd gfdsg sfdg dfsg sdf gsd fasd fas fasd fas fas as</span></td>
        <td>hopasd fas fsa dfadsf adsf as fas fasas fasd fasd fasd af</td>
    </tr>
    <tr>
        <td>hej</td>
        <td>hop</td>
    </tr>
    <tr>
        <td>hej</td>
        <td>hop</td>
    </tr>
    <tr>
        <td>hej</td>
        <td>hop</td>
    </tr>
    <tr>
        <td>hej</td>
        <td>hop</td>
    </tr>
    <tr>
        <td>hej</td>
        <td>hop</td>
    </tr>
    <tr>
        <td>hej</td>
        <td>hop</td>
    </tr>
</table>

CSS

td {
    border: 1px solid gray;
    padding: 10px;
}

table{ 
    width: 100%;
}
.no-wrap {
    white-space: nowrap;
}