HTMLCSS

#table-example-1
{
    border: solid thin;
    border-color: rgb(133, 133, 133);
    border-collapse: collapse;
}
#table-example-1 th, #table-example-1 td
{
    border: solid thin;
    border-color: rgb(133, 133, 133);
}
#table-example-1 th
{
    font-weight: normal;
}
#table-example-1 th
{
    padding: 0.2em;
    vertical-align: middle;
    text-align: center;
}
th.rotate
{
    height: 390px;
    white-space: nowrap;
}
th.rotate > div
{
    transform:
      translate(2px, 150px)
      rotate(-90deg);
    width: 50px;
}
th.rotate > div > span
{
    padding: 1px 1px;
}
th.width div
{
    width: 500px;
}
th.width2 div
{
    width: 50px;
    text-align: left;
}
###############################################HTML

<table id="table-example-1">
    <thead><tr><th rowspan="2" class="width2"><div>Nr.</div></th>
      <th rowspan="2"class="width"><div>Studento pavardė ir vardas</div></th>
      <th colspan="6"> Dalykai ir vertinimo forma </th>
      <th rowspan="2" class="rotate"><div><span>Semestro vidurkis</span></div></th>
      <th rowspan="2" class="rotate"><div><span>Svertinis vidurkis</span></div></th>
      <th rowspan="2" class="rotate"><div><span>Pastabos</span></div></th>
      </tr>
      <tr>
      <th class="rotate"><div><span>Inžinerinė ir kompiuterinė grafika / Egzaminas</th>
      <th class="rotate"><div><span>Chemija / Egzaminas</span></div></th>
      <th class="rotate"><div><span>Užsienio kalba / Egzaminas</span></div></th>
      <th class="rotate"><div><span>Statybinė mechanika/ Egzaminas</span></div></th>
      <th class="rotate"><div><span>Geodezijos praktika / Projektas</span></div></th>
      <th class="rotate"><div><span>Geodezija / Egzaminas</span></div></th>
        </tr>
    </thead>
  </table>