JSFiddle - React, Tailwind, and code Playground

by ray521

HTML

<table>
    <tr>
        <td>
            TEST1
        </td>
        <td>
            TEST2
        </td>
        <td>
            TEST3
        </td>
    </tr>
    <tr>
        <td>
            TEST4
        </td>
        <td>
            TEST5
        </td>
        <td>
            TEST6
        </td>
    </tr>
    <tr>
        <td>
            TEST7
        </td>
        <td>
            TEST8
        </td>
        <td>
            TEST9
        </td>
    </tr>
</table>

CSS

td {
    border: 1px dashed;
}

JavaScript

$(function () {
    $('table tr:first td:first').resizable({ handles: "e, s" });
    $('table tr:first').find('td').not(':first').resizable({ handles: "e" });
    $('table tr').not(':first').find('td:first-child').resizable({ handles: "s" });
});