JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://www.softhome.ru/sites/softhome.ru/files/advagg_css/css__ztwYqVT0qggtIEpuXJpln28azDSqWetFK2tp2yC8SYQ__wFFE1EAoeM4osG7QefrNd3K1CbjdyltYu8m5crYnamw__66XZJAYw-DIWosrA6-tGWDf69tOeZxwurHPSJUVRpR4.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/fixedcolumns/3.2.2/js/dataTables.fixedColumns.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Arsenal" rel="stylesheet">
<div class="l-main hreview-aggregate">
<div class="l-content" role="main">
<article role="article" data-nid="1000011" class="node node--game-collection node--full node--game-collection--full">
<table class="table-field-table custom-table">
<thead>
<tr class="row-0">
<th class="col-0"><span></span></th>
<th class="col-1"><span>Популярность в Рунете</span></th>
<th class="col-2"><span>Реклама</span></th>
<th class="col-3"><span>Потребление ресурсов</span></th>
<th class="col-4"><span>Хранение истори переписки</span></th>
<th class="col-5"><span>Передача файлов</span></th>
<th class="col-6"><span>Сообщения</span></th>
<th class="col-7"><span>Групповые чаты</span></th>
<th class="col-8"><span>Голосовая связь</span></th>
<th class="col-9"><span>Видеосвязь</span></th>
<th class="col-10"><span>Звонки на стационарные телефоны</span></th>
<th class="col-11"><span>PTT</span></th>
<th class="col-12"><span>Боты</span></th>
<th class="col-13"><span>Лента пользователя</span></th>
<th class="col-14"><span>End-to-end-шифрование</span></th>
</tr>
</thead>
<tbody>
<tr class="row-1">
...
CSS
.table-field-table .row-0 th span {
writing-mode: initial;
}
.table-field-table .row-0 th.col-0 {
background: #FFF;
}
JavaScript
jQuery(document).ready(function() {
jQuery('.custom-table').DataTable({
"order": [],
"searching": false,
"info": false,
"scrollY": "500px",
"scrollCollapse": true,
"scrollX": true,
"paging": false,
fixedColumns: true
});
});