JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://simplemodal.googlecode.com/files/jquery.simplemodal.1.4.4.min.js"></script>
<a href="#" id="btnAdd">Run Modal</a>

<table class="hide" id="tblSession" style="width:100%">
    <tr>
        <td>asp content</td>
        <td>asp content</td>
    </tr>
</table>

CSS

.hide {
    display: none; /* hide the table content */
}
#simplemodal-container a.modalCloseImg {
    background: url(http://simplemodal.googlecode.com/svn/tags/1.3/test/img/x.png);
    /* adjust url as required */
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
}
/* basic */
 #basic-modal-content {
    display:none;
}
#simplemodal-overlay {
    background-color:#000;
    cursor:wait;
}
#simplemodal-container {
    height:320px;
    width:600px;
    color:#bbb;
    background-color:#333;
    border:4px solid #444;
    padding:12px;
}
#simplemodal-container code {
    background:#141414;
    border-left:3px solid #65B43D;
    color:#bbb;
    display:block;
    margin-bottom:12px;
    padding:4px 6px 6px;
}
#simplemodal-container a {
    color:#ddd;
}

#simplemodal-container #basic-modal-content {
    padding:8px;
}
/* confirm */
 #confirm {
    display:none;
}
#confirm-overlay {
    background-color:#eee;
    cursor:wait;
}
#confirm-container {
    height:140px;
    width:420px;
    font-family:'Trebuchet MS', Verdana, Arial;
    font-size:16px;
    text-align:left;
    background:#fff;
    border:2px solid #336699;
}
#confirm-container .header {
    height:30px;
    width:100%;
    background:url(header.gif) repeat-x;
    color:#fff;
    font-size:1.1em;
    font-weight:bold;
    line-height:30px;
}
#confirm-container .header span {
    padding-left:8px;
}
#confirm-container .message {
    color:#333;
    margin:0;
    padding:12px 4px 12px 8px;
    font-size:1em;
}
#confirm-container .buttons {
    width:160px;
    float:right;
    padding:10px 8px 0;
}
#confirm-container .buttons div {
    float:right;
    margin-left:4px;
    width:70px;
    height:26px;
    color:#666;
    font-weight:bold;
    line-height:26px;
    text-align:center;
    background:url(button.gif) repeat-x;
    border:1px solid #bbb;
    cursor:pointer;
}
#confirm-container a.modal-close,...

JavaScript

$("#btnAdd").click(function () {
    $("#tblSession")modal('<iframe src="' + src + '" height="450" width="830" style="border:0">',
         {
	        closeHTML: "",
	        containerCss: {
	            backgroundColor: "#fff",
	            borderColor: "#fff",
	            height: 450,
	            padding: 0,
	            width: 830
	        },
	        overlayClose: true
	    });
});