JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>This Info</td>
        <td>That Info</td>
    </tr>
    <tr>
        <td>Some Info</td>
        <td>Other Info</td>
    </tr>
</table>
<div id="newInfo">
    <textarea></textarea>
    <button>Submit</button>
</div>

CSS

table, td {
    border: 1px solid black;
}
#newInfo {
    display: none;
}

JavaScript

$('td').on('click', function(){
    $('#newInfo').show().data($(this));
});

$('button').on('click', function() {
    $that = $('#newInfo').data();
    $that.text($('textarea').val());
    $('textarea').val('');
    $('#newInfo').hide();
});