JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Table text</title>
  </head>
  <body>
    
<style type="text/css">

</style>

<div id="app">

	<div class="MainTableContainer">

		<table class="tableizer-table" >

				<thead>
				   <tr class="tableizer-firstrow">
				      <th class="headcol">№ п/п</th>
				      <th class="headcol">Наименование показателей</th>
				      <th>Ед. измерения</th>
				      <th>На 2018.03.23</th>
				      <th>На 2018.04.30</th>
				      <th>На 2018.05.07</th>
				      <th>На 2018.05.14</th>
				      <th>На 2018.05.21</th>
				      <th>На 2018.05.28</th>
				      <th>На 2018.06.04</th>
				      <th>На 2018.06.11</th>
				      <th>На 2018.06.18</th>
				      <th>На 2018.06.25</th>
				      <th>На 2018.07.02</th>
				      <th>На 2018.07.09</th>
				      <th>На 2018.07.16</th>
				      <th>На 2018.07.23</th>
				      <th>На 2018.07.30</th>
				      <th>На 2018.08.06</th>
				      <th>На 2018.08.13</th>
				      <th>На 2018.08.20</th>
				      <th>На 2018.08.27</th>
				      <th>На 2018.09.03</th>
				   </tr>
				</thead>
				<tbody>


				   <tr>
				   	  <td rowspan="2" class="headcol">1</td>
				      <td class="headcol">на апрель</td>
				      <td>койкоместо</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				      <td>123</td>
				   </tr>
				   <tr>
				      <td class="headcol">на май</td>
				      <td>койкоместо</td>
				      <td>312</td>
				      <td>312</td>
				      <td>312</td>
				      <td>312</td>
				      <td>312</td>
				      <td>312</td>
				      <td>312</td>
				     ...

CSS

html,
  body {
    height: 100%;
    margin: 0px;
    font-size: 15px;
}

table.tableizer-table {
	font-size: 12px;
	border: 1px solid #CCC; 
	font-family: Arial, Helvetica, sans-serif;
} 
.tableizer-table td {
	padding: 4px;
	margin: 3px;
	border: 1px solid #CCC;
	width: 490px;

	white-space:nowrap;
	width: 16px;
}
.tableizer-table th {
	background-color: #104E8B; 
	color: #FFF;
	font-weight: bold;
	
}

.MainTableContainer
{
  width: 800px;
  overflow-x: scroll;
  margin-left: 5em;
  overflow-y: visible;
  padding: 0;
}

.headcol {
  position: absolute;
  width: 15em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  margin-top: -1px;
}

.headcol:before {
  content: 'Row ';
}

.long {
  background: yellow;
  letter-spacing: 1em;
}

input 
{
	width:86px;
}