JSFiddle - React, Tailwind, and code Playground

by btevfik

HTML

<table>
    <tr>
        <td>
            <textarea rows="2" cols="10"></textarea>
            <td>
                <td>
                    <textarea rows="2" cols="10"></textarea>
                    <td>
                        <td>
                            <textarea rows="2" cols="10"></textarea>
                            <td>
                                <tr>
                                    <td>
                                        <textarea rows="2" cols="10"></textarea>
                                        <td>
                                            <td>
                                                <textarea rows="2" cols="10"></textarea>
                                                <td>
                                                    <td>
                                                        <textarea rows="2" cols="10"></textarea>
                                                        <td>
                                                            <table>

CSS

table {
    border-collapse:separate;
    border-spacing:0 0;
}
textarea{
    border:solid 1px;
    border-color:green;
    margin:0;
    padding:0;
}

JavaScript

$("body").find("textarea").resizable({
        resize: function () {
         $(this).append($(this).tagName);
        }
    });