JSFiddle - React, Tailwind, and code Playground

HTML

<div class="carr">
    <table class="table-bordered">
        <thead>
            <tr>
                <th colspan="2" rowspan="3">НАГРУЗКА НА 2013-2014 УЧ. ГОД</th>
                <th rowspan="3" class="table-rotate">Семестр</th>
            </tr>
            <tr>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
        </tbody>
    </table>
</div>

CSS

.carr {
             width: 960px;
             margin: auto;
         }
         table tr th {
             width: 150px;
         }
         table thead {
             width: 370px;
         }
 
         .table-bordered {
             border: 1px solid #dddddd;
             border-collapse: collapse;
             border-spacing: 0;
         }
         .table-bordered th, .table-bordered td {
             border: 1px solid #ddd !important;
         }