JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td class='rotate'>10kg</td>
        <td>B</td>
        <td>C</td>
        <td>D</td>
        <td>E</td>
    </tr>
    <tr>
        <td>20kgsss</td>
        <td class='rotate'>G</td>
        <td>H</td>
        <td>I0000</td>
        <td>J</td>
    </tr>
    <tr>
        <td>30</td>
        <td>L</td>
        <td>M</td>
        <td class='rotate'>N000pppppppppppppppp</td>
        <td>O</td>
    </tr>
</table>

CSS

td {
    border-collapse:collapse;
    border: 1px black solid;
}

.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 */
    background-color: #CCCCCC;
    transform:rotate(-90deg);
}

JavaScript

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