JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <colgroup>
        <col></col>
    </colgroup>
    <tr>
        <td></td>
    </tr>
</table>

CSS

table {
    table-layout: fixed;
}

col {
    width: 300px;
}

td {
    background-color: red;
    height: 400px;
}

JavaScript

$("td").click(function() {
   $("col").animate({"width": "100"}, 2000); 
});