JSFiddle - React, Tailwind, and code Playground

by Samadhan Gaikwad

HTML

<div id="UI_Autotest_Dashboard_14734" align=center x:publishsource="Excel">

<table border=0 cellpadding=0 cellspacing=0 width=470 style='border-collapse:
 collapse;table-layout:fixed;width:353pt'>
 <col width=116 style='mso-width-source:userset;mso-width-alt:4242;width:87pt'>
 <col width=77 style='mso-width-source:userset;mso-width-alt:2816;width:58pt'>
 <col width=72 style='mso-width-source:userset;mso-width-alt:2633;width:54pt'>
 <col width=56 style='mso-width-source:userset;mso-width-alt:2048;width:42pt'>
 <col width=77 style='mso-width-source:userset;mso-width-alt:2816;width:58pt'>
 <col width=72 style='mso-width-source:userset;mso-width-alt:2633;width:54pt'>
 <tr height=27 style='height:20.25pt'>
  <td height=27 class=xl7114734 colspan=3 width=265 style='height:20.25pt;
  width:199pt'>Autotests<font class="font514734"> (AS OF 13-Jul-2019, 07:37 PM)</font></td>
  <td class=xl7214734 width=56 style='width:42pt'>&nbsp;</td>
  <td class=xl7214734 width=77 style='width:58pt'>&nbsp;</td>
  <td class=xl7214734 width=72 style='width:54pt'>&nbsp;</td>
 </tr>
 <tr height=27 style='height:20.25pt'>
  <td height=27 class=xl7014734 style='height:20.25pt;border-top:none'>Total
  In-Progress</td>
  <td class=xl6614734 style='border-top:none;border-left:none'>2</td>
  <td class=xl6914734 style='border-top:none'>&nbsp;</td>
  <td class=xl6914734 style='border-top:none'>&nbsp;</td>
  <td class=xl6914734 style='border-top:none'>&nbsp;</td>
  <td class=xl6914734 style='border-top:none'>&nbsp;</td>
 </tr>
 <tr height=27 style='height:20.25pt'>
  <td height=27 class=xl7014734 style='height:20.25pt;border-top:none'>Total
  Submitted</td>
  <td class=xl6714734 style='border-top:none;border-left:none'>3</td>
  <td class=xl6914734 style='border-top:none'>&nbsp;</td>
  <td class=xl6914734 style='border-top:none'>&nbsp;</td>
  <td class=xl6914734 style='border-top:none'>&nbsp;</td>
  <td class=xl6914734 style='border-top:none'>&nbsp;</td>
 </tr>
 <tr height=27 style='height:20.25pt'>
...

CSS

<!--table
	{mso-displayed-decimal-separator:"\.";
	mso-displayed-thousand-separator:"\,";}
.font514734
	{color:#833C0C;
	font-size:10.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;}
.xl1514734
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;}
.xl6414734
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:center;
	vertical-align:middle;
	border:2.0pt double windowtext;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;}
.xl6514734
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:center;
	vertical-align:middle;
	border:2.0pt double windowtext;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:normal;}
.xl6614734
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:center;
	vertical-align:middle;
	border-top:2.0pt double windowtext;
	border-right:none;
	border-bottom:2.0pt double windowtext;
	border-left:2.0pt double windowtext;
	background:#FFF2CC;
	mso-pattern:black...