JSFiddle - React, Tailwind, and code Playground

HTML

<table class="fixed">
    <tr>
        <td>Hi</td>
        <td>Hi, this is a very much longer text</td>
        <td>ok</td>
    </tr>
</table>

<table class="auto">
    <tr>
        <td>Hi</td>
        <td>Hi, this is a very much longer text</td>
        <td>ok</td>
    </tr>
</table>

CSS

table
{
    width: 100%;
}

table td
{
    border: 1px solid blue;
}

table.fixed
{
    table-layout:fixed;
}

table.auto
{
    table-layout:auto;
}