JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr id="groups">
<th class="rotate">&nbsp;</th>
<th class="rotate"><span class="intact">Lorem ipsum</span></th>
<th class="rotate"><span class="intact">dolor sit amet</span></th>
<th class="rotate"><span class="intact">consectetur</span></th>
<th class="rotate"><span class="intact">adipisicing elit</span></th>
<th class="rotate"><span class="intact">sed do eiusmod</span></th>
</tr>
<tr>
<td class="menuItems no-indent bg1">tempor incididunt</td>
<td class="rights">a</td>
<td class="rights">b</td>
<td class="rights">c</td>
<td class="rights">d</td>
<td class="rights">e</td>
</tr>
<tr>
<td class="menuItems indent bg1">ut labore et dolore</td>
<td class="rights">f</td>
<td class="rights">g</td>
<td class="rights">h</td>
<td class="rights">i</td>
<td class="rights">j</td>
</tr>
<tr>
<td class="menuItems indent bg1">magna aliqua</td>
<td class="rights">k</td>
<td class="rights">l</td>
<td class="rights">m</td>
<td class="rights">n</td>
<td class="rights">o</td>
</tr>
<tr>
<td class="menuItems no-indent bg1">Ut enim ad minim veniam</td>
<td class="rights">p</td>
<td class="rights">q</td>
<td class="rights">r</td>
<td class="rights">s</td>
<td class="rights">t</td>
</tr>
<tr>
<td class="menuItems indent bg1">quis nostrud exercitation</td>
<td class="rights">u</td>
<td class="rights">v</td>
<td class="rights">w</td>
<td class="rights">x</td>
<td class="rights">y</td>
</tr>
<tr>
<td class="menuItems indent bg1">ullamco laboris nisi ut aliquip</td>
<td class="rights">z</td>
<td class="rights">1</td>
<td class="rights">2</td>
<td class="rights">3</td>
<td class="rights">4</td>
</tr>
</table>

CSS

table {
	margin-bottom: 20px;
}
tr#groups {
	/*display:block;
	margin-left:120px;
	margin-top:120px;*/
}
th.rotate {
    white-space: nowrap;
    -webkit-transform-origin: 65px 60px;
    -moz-transform-origin: 65px 60px;
    -o-transform-origin: 65px 60px;
    -ms-transform-origin: 65px 60px;
    transform-origin: 65px 60px;
    
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	/*display:inline-block;*/
	/*height:30px;*/
	/*float:left;*/
	/*width:30px;*/
}
span.intact {
	display:inline-block;
	width:30px;
	height:150px;
}
td.menuItems {
	width: 240px;
}
td.no-indent {
	font-weight: bold;
}
td.indent {
	padding-left:12px;
}
td.rights {
	width:20px;
    text-align: center;
}