JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <th class="rotated-text">Some Text</th>
        <th>
            <div class="rotated-text">Some More Text</div>
        </th>
        <th>
            <div class="rotated-text">Even More Text</div>
        </th>
    </thead>
</table>

CSS

th { border: 1px solid #000; }
table {
    padding-top:25px;
}
.rotated-text {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);	
}

JavaScript

$(".verticalTableHeader").each(function(){$(this).height($(this).width())})