JSFiddle - React, Tailwind, and code Playground

by dixalex

HTML

<table border=0 cellpadding=0 cellspacing=0 width=700 style='border-collapse:
 collapse;width:526pt'>
<!--StartFragment-->
 <col width=231 style='mso-width-source:userset;mso-width-alt:8448;width:173pt'>
 <col width=130 style='mso-width-source:userset;mso-width-alt:4754;width:98pt'>
 <col width=166 style='mso-width-source:userset;mso-width-alt:6070;width:125pt'>
 <col width=173 style='mso-width-source:userset;mso-width-alt:6326;width:130pt'>
 <tr height=20 style='height:15.0pt'>
  <td height=20 class=xl63 width=231 style='height:15.0pt;width:173pt'>A</td>
  <td class=xl63 width=130 style='border-left:none;width:98pt'>B</td>
  <td class=xl63 width=166 style='border-left:none;width:125pt'>C</td>
  <td class=xl63 width=173 style='border-left:none;width:130pt'>D</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td rowspan=2 height=40 class=xl64 width=231 style='height:30.0pt;border-top:
  none;width:173pt'><span style='float:right'>kr.8</span></td>
  <td rowspan=2 class=xl65 width=130 style='border-top:none;width:98pt;
  padding-bottom:6px;padding-top:6px' data-id=7 data-catg=b>Ppppkr.10</td>
  <td rowspan=2 class=xl66 width=166 style='border-top:none;width:125pt;
  padding-bottom:6px;padding-top:6px' data-id=13 data-catg=c>Mmmmkr.6</td>
  <td rowspan=2 class=xl67 width=173 style='border-top:none;width:130pt;
  padding-bottom:6px;padding-top:6px' data-id=17 data-catg=d>Hhhhkr.5</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td rowspan=2 height=40 class=xl64 width=231 style='height:30.0pt;border-top:
  none;width:173pt;padding-bottom:6px;padding-top:6px' data-id=2 data-catg=a>Ffffkr.8</td>
  <td rowspan=2 class=xl65 width=130 style='border-top:none;width:98pt;
  padding-bottom:6px;padding-top:6px' data-id=4 data-catg=b>Sssskr.10</td>
  <td rowspan=2 class=xl66 width=166 style='border-top:none;width:125pt;
  padding-bottom:6px;padding-top:6px' data-id=14 data-catg=c>Rrrrkr.6</td>
  <td rowspan=2 class=xl67 width=173...

CSS

td {border: solid 1px #000;
text-align:center;}
	{mso-displayed-decimal-separator:"\.";
	mso-displayed-thousand-separator:"\,";}
@page
	{margin:.75in .7in .75in .7in;
	mso-header-margin:.3in;
	mso-footer-margin:.3in;}
tr
	{mso-height-source:auto;}
col
	{mso-width-source:auto;}
br
	{mso-data-placement:same-cell;}
td
	{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;
	border:none;
	mso-background-source:auto;
	mso-pattern:auto;
	mso-protection:locked visible;
	white-space:nowrap;
	mso-rotate:0;}
.xl63
	{font-weight:700;
	text-align:center;
	border:.5pt solid windowtext;}
.xl64
	{vertical-align:middle;
	border:.5pt solid windowtext;
	background:#AACCEE;
	mso-pattern:black none;
	white-space:normal;}
.xl65
	{vertical-align:middle;
	border:.5pt solid windowtext;
	background:#FFAAFF;
	mso-pattern:black none;
	white-space:normal;}
.xl66
	{vertical-align:middle;
	border:.5pt solid windowtext;
	background:#BBAABB;
	mso-pattern:black none;
	white-space:normal;}
.xl67
	{vertical-align:middle;
	border:.5pt solid windowtext;
	background:#EECCAA;
	mso-pattern:black none;
	white-space:normal;}
.xl68
	{border:.5pt solid windowtext;}