JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
</table>
<table>
    <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
</table>
<table>
    <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
</table>
<table>
    <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
</table>
<table>
    <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
</table>

CSS

td {
    background-color: #ccc;
}
table:nth-of-type(1) td:nth-of-type(1) {
    width: 0%;
}
table:nth-of-type(2) td:nth-of-type(1) {
    width: 1%;
}
table:nth-of-type(3) td:nth-of-type(1) {
    width: 2%;
}
table:nth-of-type(4) td:nth-of-type(1) {
    width: 4%;
}
table:nth-of-type(5) td:nth-of-type(1) {
    width: 5%;
}