JSFiddle - React, Tailwind, and code Playground

by OnaBai

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
<ul id='panelbar'>
    <li id='patDet' class='k-state-active'>
    </li>
</ul>

JavaScript

$("#panelbar").kendoPanelBar({
    expandMode: "single"
});

var varString = "<component>";
varString += "<structuredBody>";
varString += "<thead>";
varString += "<th>Insurance Company</th>";
varString += "<th>Date Effective</th>";
varString += "<th>Date Terminated</th>";
varString += "<th>Policy Number</th>";
varString += "<th>Group Number</th>";
varString += "<th>Subscriber</th>";
varString += "</thead>";
varString += "<tbody>";
varString += "<tr><td ID=''>Medicare Parts A&amp;B</td><td ID=''></td><td ID=''></td><td ID=''></td><td ID=''></td><td ID=''>AdamJulie</td></tr>";
varString += "<tr><td ID=''>Test2</td><td ID=''></td><td ID=''></td><td ID=''>123</td><td ID=''></td><td ID=''></td></tr>";
varString += "</tbody>";
varString += "</structuredBody>";
varString += "</component>";

varString += "<component>";
varString += "<structuredBody>";
varString += "<thead>";
varString += "<th>Problem</th>";
varString += "<th>Date</th>";
varString += "<th>Status</th>";
varString += "<th>Problem Type</th>";
varString += "<th>Comments</th>";
varString += "</thead>";
varString += "<tbody>";
varString += "<tr><td ID='gggggg'>Hypothyroidism</td><td ID='jjjjjj'>10/31/1998</td><td ID=''>Active</td><td ID=''>UNKNOWN</td><td ID=''></td></tr>";
varString += "<tr><td ID=''>Glaucoma</td><td ID=''>11/18/2001</td><td ID=''>Active</td><td ID=''>UNKNOWN</td><td ID=''></td></tr>";
varString += "<tr><td ID=''>Cataract</td><td ID=''>6/5/2005</td><td ID=''>Active</td><td ID=''>UNKNOWN</td><td ID=''></td></tr>";
varString += "</tbody>";
varString += "</structuredBody>";
varString += "</component>";

varString += "<component>";
varString += "<structuredBody>";
varString += "<thead>";
varString += "<th>Problem</th>";
varString += "<th>Date</th>";
varString += "<th>Status</th>";
varString += "<th>Problem Type</th>";
varString += "<th>Comments</th>";
varString += "</thead>";
varString += "<tbody>";
varString += "<tr><td ID='JDKS39'>Pneumonia</td><td ID=''>10/6/1993</td><td ID=''>Not...