JSFiddle - React, Tailwind, and code Playground
by sqiudward
HTML
<table cellspacing="0" cellpadding="2" border="1" valign="top" class="lightPro" style="width:98%;text-align: left;valign:top;border-style:dotted dashed;border-color:lightblue;font-size:11px;/* color: blue !important; */"><tbody><tr class="alt"><th scope="row">id</th><td>11</td></tr><tr><th scope="row">configId</th><td>30002</td></tr><tr class="alt"><th scope="row">simulationElapsed</th><td>83000</td></tr><tr><th scope="row">simulationRuntime</th><td>20</td></tr><tr class="alt"><th scope="row">components</th><td><table cellspacing="0" cellpadding="2" border="1" valign="top" class="lightPro"><tbody><tr class="alt"><th scope="row">0</th><td valign="top"><table cellspacing="0" cellpadding="2" border="1" valign="top" class="lightPro"><tbody><tr class="alt"><th scope="row">key</th><td>Breather</td></tr><tr><th scope="row">name</th><td>Breather-1</td></tr><tr class="alt"><th scope="row">status</th><td>1</td></tr><tr><th scope="row">details</th><td><table cellspacing="0" cellpadding="2" border="1" valign="top" class="lightPro"><tbody><tr class="alt"><th scope="row">0</th><td valign="top"><table cellspacing="0" cellpadding="2" border="1" valign="top" class="lightPro"><tbody><tr class="alt"><th scope="row">dateTime</th><td>2019-03-24T21:35:35+08:00</td></tr><tr><th scope="row">status</th><td>1</td></tr><tr class="alt"><th scope="row">event</th><td>Rain(Medium)</td></tr><tr><th scope="row">eventImpact</th><td>0.02</td></tr><tr class="alt"><th scope="row">afterImpactLifeSpan</th><td>49</td></tr><tr><th scope="row">level</th><td>98</td></tr></tbody></table></td></tr><tr><th scope="row">1</th><td valign="top"><table cellspacing="0" cellpadding="2" border="1" valign="top" class="lightPro"><tbody><tr class="alt"><th scope="row">dateTime</th><td>2019-03-24T21:35:51+08:00</td></tr><tr><th scope="row">status</th><td>1</td></tr><tr class="alt"><th scope="row">event</th><td>Rain(Low)</td></tr><tr><th scope="row">eventImpact</th><td>0.01</td></tr><tr class="alt"><th...