JSFiddle - React, Tailwind, and code Playground
HTML
<table id="dataTable">
<tr>
<th>Functional Category</th>
<th>Brand Name</th>
<th>When Obtained</th>
<th>How Obtained</th>
<th>How Often Worn</th>
<th>Where It's Made</th>
<th>Has a Graphic</th>
</tr>
<tr>
<td>T-Shirt</td>
<td>threadless</td>
<td>Last 3 Months</td>
<td>Purchased</td>
<td>Monthly</td>
<td>India</td>
<td>Yes</td>
</tr>
<tr>
<td>T-Shirt</td>
<td>RVCA</td>
<td>2 Years Ago</td>
<td>Purchased</td>
<td>Bi-Monthly</td>
<td>Mexico</td>
<td>Yes</td>
</tr>
<tr>
<td>T-Shirt</td>
<td>Dogfish Head</td>
<td>Last 6 Months</td>
<td>Gift</td>
<td>Tri-Monthly</td>
<td>Honduras</td>
<td>Yes</td>
</tr>
<tr>
<td>Sweater</td>
<td>H&M</td>
<td>Last Month</td>
<td>Purchased</td>
<td>Weekly</td>
<td>Bangladesh</td>
<td>No</td>
</tr>
<tr>
<td>V-Neck</td>
<td>Zine</td>
<td>Last 3 Months</td>
<td>Gift</td>
<td>Bi-Monthly</td>
<td>China</td>
<td>No</td>
</tr>
<tr>
<td>Long-sleeve</td>
<td>H&M</td>
<td>Last 6 Months</td>
<td>Purchased</td>
<td>Bi-Monthly</td>
<td>China</td>
<td>No</td>
</tr>
<tr>
<td>T-Shirt</td>
<td>threadless</td>
<td>Last 3 Months</td>
<td>Purchased</td>
<td>Tri-Monthly</td>
<td>Chicago</td>
<td>Yes</td>
</tr>
<tr>
<td>Sweater</td>
<td>H&M</td>
<td>Last Month</td>
<td>Purchased</td>
<td>Bi-Monthly</td>
<td>Bangladesh</td>
<td>No</td>
</tr>
<tr>
<td>V-Neck</td>
<td>H&M</td>
<td>Last 6 Months</td>
<td>Purchased</td>
<td>Bi-Montly</td>
...
CSS
#dataTable {
display:none;
}
JavaScript
var jsontext = {
"text": "source",
"children": [
{
"text": "ccApproval",
"children": [
{
"text": "a",
"children": []
},
{
"text": "b",
"children": []
},
{
"text": "c",
"children": [
{
"text": "b",
"children": []
},
{
"text": "a",
"children": []
},
{
"text": "c",
"children": []
},
{
"text": "BetaVector.java",
"icon": "jstree-file"
},
{
"text": "CagPT.java",
"icon": "jstree-file"
},
{
"text": "About.java",
"icon": "jstree-file"
}
]
},
{
"text": "ViewElements.java",
"icon": "jstree-file"
},
{
"text": "Transaction.java",
"icon": "jstree-file"
},
{
"text": "Splash.java",
"icon": "jstree-file"
}
]
},
{
"text": "dialogWidget",
"children": [
{
"text": "ViewModifyCustomerDialog.java",
"icon": "jstree-file"
},
...