JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<div id="dialog-confirm" title="Empty the recycle bin?">
            <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
        </div>
        <table>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td onclick='$("#dialog-confirm").dialog("open");'>tableentry</td></tr>
            <tr><td...

JavaScript

$(function() {
                $("#dialog-confirm").dialog({
                    resizable: false,
                    show: {
                        effect: "drop",
                        duration: 500
                    },
                    hide: {
                        effect: "drop",
                        duration: 500
                    },
                    height: 140,
                    modal: true,
                    buttons: {
                        "Delete all items": function() {
                            $(this).dialog("close");
                        },
                        Cancel: function() {
                            $(this).dialog("close");
                        }
                    }
                });
                $("#dialog-confirm").dialog("close");
                $("#dialog-confirm").dialog("open");


            });