JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgithub.com/bgrins/ExpandingTextareas/master/expanding.js"></script>
<table border="1">
    <tr>
        <td style="width:20%">One</td>
        <td style="width:50%">Two</td>
        <td style="width:30%" id="expand"><textarea placeholder="type here"></textarea></td>
    </tr>
</table>

CSS

table {
    width: 100%;
    table-layout:fixed;
}

textarea {
    border: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}

JavaScript

$("textarea").expandingTextarea({
    resize: function()
    {
       var i=$('textarea').height();
       $('#expand').attr('height',i+4+'px');    
    }
})