JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td rowspan="3"><div class='rotate'>Longest Unavailable</div></td>
        <td >Agent</td>
        <td >Aux code</td>
        <td>Duration</td>
        
    </tr>
    <tr>
        <td>234</td>
        <td>2</td>
        <td>00:00:26</td>
        
    </tr>
    <tr>
       <td>234</td>
        <td>2</td>
        <td>00:00:26</td>
        
    </tr>


</table>

CSS

td {
    border-collapse:collapse;
    border: 1px black solid;
}
tr:nth-of-type(5) td:nth-of-type(1) {
    visibility: hidden;
}
.rotate {
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}

JavaScript

$(document).ready(function () {
    $('.rotate').css('height', $('.rotate').width());
});