JSFiddle - React, Tailwind, and code Playground

by AlexP11223

HTML

<table>
  <tr>
    <td colspan="2">АТМ</td>
    <td colspan="3">Сеть</td>
  </tr>
  <tr>
    <td rowspan="2">Уровни</td>
    <td>Каналы</td>
    <td colspan="3">Уровень</td>
  </tr>
  <tr>
    <td>Тракты</td>
    <td rowspan="2">Уровни трактов</td>
    <td>Другие</td>
    <td>SDH</td>
  </tr>
  <tr>
    <td></td>
    <td>Секция</td>
    <td colspan="2">Системы</td>
  </tr>
</table>

CSS

table, td {
  border: 1px solid black;
}

td {
    padding: 5px 10px;
    text-align: center;
}