JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-bordered table-condensed" style="background:black;">
        <tr style="font-weight:bold;text-align:center;font-size:22px;">
              <td rowspan="4"><div class='rotate'>Longest Unavailable</div></td>
            <td style="background:#0B2161;color:white;">Agent</td>
            <td style="background:#0B2161;color:white;">Aux Code</td>
            <td style="background:#0B2161;color:white;">Duration</td>
        </tr>
        <tr style="font-weight:bold;text-align:center;font-size:30px;">
            <td style="color:white;background:red;">234</td>
            <td>2</td>
            <td>00:00:26</td>
        </tr>
            <tr style="font-weight:bold;text-align:center;font-size:30px;">
               <td style="color:white;background:red;">234</td>
                <td>2</td>
               <td>00:00:26</td>
             </tr>
            <tr style="font-weight:bold;text-align:center;font-size:30px;">
              <td style="color:white;background:red;">234</td>
              <td>2</td>
              <td>00:00:26</td>
            </tr>
       </table>

CSS

table {
    border-collapse:collapse;
    margin: 0 auto;
}
td {
    border: 1px black solid;
    padding: 5px;
}
.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 */
    color:white;
}

JavaScript

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