JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>Fills space</td>
        <td class="min">id</td>
        <td class="min">tiny</td>
        <td>Fills space</td>
        <td class="min">123</td>
        <td class="min">small</td>
        <td>Fills space, wider</td>
        <td>Fills space</td>
        <td class="min">thin</td>
    </tr>
</table>

CSS

table {
    
}

tr {
    
}

td {
    width: auto;
    border: 1px solid #eee;
}

td.min {
    width: 1%;
    white-space: nowrap;
}