JSFiddle - React, Tailwind, and code Playground

HTML

<table style="background-color:#e4e6ea;" border="0" cellspacing="1">
    <tbody>
    <tr class="tableheader-row-dashboard">
        <td style="background-color:white;"width="90px"> Date</td>      
        <td style="background-color:white" width="90px">Phone No</td>
        <td style="background-color:white;vertical-align:bottom" class="rotate"><div class="content">Test.. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. Test.. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</div></td>
    </tr>
    <tr class="tablerow-rowd">
        <td class="text">06/11/2015</td>
        <td class="text">1234567890</td>
        <td class="text">X</td>
    </tr>
    </tbody>
</table>

CSS

.rotate {
    height: 400px;
}

.content {
    max-width: 400px;
    transform-origin: top left;
    transform: rotate(-90deg);    
}

JavaScript

$(document).ready(function() {
    $('.rotate').css('max-width', $('.content').width());
    $('.content').css('width', $('.content').width());
    $('.content').css('height', $('.rotate').width()); 	       
    $('.content').css('margin-bottom', -$('.rotate').width());
   
});