JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="panel panel-default">
    <div class="panel-heading">
      <h3>
        Фиксированная шапка таблицы 
      </h3>
    </div>
    <table class="table table-fixed table-bordered table-responsive">
      <thead>
        <tr>
          <th class="col-xs-2">№</th><th class="col-xs-8">Имя</th><th class="col-xs-2">Лет</th>
          </tr>
      </thead>
      <tbody>
 <tr>
 <td class="col-xs-2">1</td><td class="col-xs-8">Вася</td><td class="col-xs-2">33</td>
 </tr>
 <tr>
 <td class="col-xs-2">2</td><td class="col-xs-8">Люба</td><td class="col-xs-2">34</td>
 </tr>
 <tr>
 <td class="col-xs-2">3</td><td class="col-xs-8">Петя</td><td class="col-xs-2">42</td>
 </tr>
 <tr>
 <td class="col-xs-2">4</td><td class="col-xs-8">Алексей</td><td class="col-xs-2">32</td>
 </tr>
 <tr>
 <td class="col-xs-2">5</td><td class="col-xs-8">Женя</td><td class="col-xs-2">31</td>
 </tr>
 <tr>
 <td class="col-xs-2">6</td><td class="col-xs-8">Сергей</td><td class="col-xs-2">36</td>
 </tr>
 <tr>
 <td class="col-xs-2">7</td><td class="col-xs-8">Андрей</td><td class="col-xs-2">22</td>
 </tr>
 <tr>
 <td class="col-xs-2">8</td><td class="col-xs-8">Иринка</td><td class="col-xs-2">43</td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
</div>

CSS

.table-fixed thead {
 width: calc(100% - 17px);
}
.table-fixed tbody {
 height: 230px;
 overflow-y: auto;
 width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
 display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
 float: left;
 border-bottom-width: 0;
}