JSFiddle - React, Tailwind, and code Playground

HTML

<table id="myTable">
    <tr>
        <td>Cell 11</td><td>Cell 12</td>
    </tr>
    <tr>
        <td>Cell 21</td><td>Cell 22</td>
    </tr>
    <tr>
        <td>Cell 31</td><td>Cell 32</td>
    </tr>
    <tr>
        <td>Cell 41</td><td>Cell 42</td>
    </tr>
    <tr>
        <td>Cell 51</td><td>Cell 52</td>
    </tr>
    <tr>
        <td>Cell 61</td><td>Cell 62</td>
    </tr>
</table>

<div id="dialog"></div>

CSS

td { border: 1px solid black; padding: 10px; }

JavaScript

$(function() {
    $("#myTable td").click(function() {
        $('#dialog').html($(this).html()).dialog({
            resizable:true,
            modal:true,
        });
    });
});