JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
 <div class="table-responsive">
<table class="table-hover">
    
    <thead>
    <tr>
        <th>Марка автомобиля</th><th>Грузоподъем- ность, т.</th><th>Объем кузова, м<span class="times">³</span></th><th>Стоимость часа, руб.</th><th>Стоимость км&nbsp;за&nbsp;МКАД, руб.</th><th>Минимальный заказ, ч.</th><th>Стоимость минимального заказа, руб.</th>
    </tr> 
    </thead>

 <tbody>

    <tr>
        <td>Газель, Ford Transit и&nbsp;аналоги</td><td>1,5</td><td>10&ndash;16</td><td>550</td><td>18</td><td>4 + 1</td><td>2750</td>
    </tr>

    <tr>
        <td>Бычок и&nbsp;аналоги</td><td>до&nbsp;3</td><td>16&ndash;25</td><td>750</td><td>25</td><td>6 + 1</td><td>5250</td>
    </tr>

    <tr>
        <td>Зил и&nbsp;аналоги</td><td>до&nbsp;5</td><td>до&nbsp;36</td><td>800</td><td>28</td><td>7 + 1</td><td>6400</td>
    </tr>

    <tr>
        <td>МАЗ и&nbsp;аналоги</td><td>до&nbsp;10</td><td>до&nbsp;45</td><td>1000</td><td>32</td><td>7 + 1</td><td>8000</td>
    </tr>

    <tr>
        <td rowspan="2">Еврофура и&nbsp;аналоги</td><td>до&nbsp;15</td><td>до&nbsp;50</td><td>1250</td><td>35</td><td>7 + 1</td><td>10000</td>
    </tr>

    <tr>
        <td>до&nbsp;20</td><td>до&nbsp;92</td><td>1400</td><td>38</td><td>7 + 1</td><td>11200</td>
    </tr>

</tbody></table>
</div>

CSS

table tbody {background-color: #e8e8e8;text-align:-webkit-center;text-align:center;}
table th {padding: 0.5em 0.5em 0.375em;border: 1px solid white;font-weight: 900;}
table thead {background-color: #668dc6;     text-align:center;    text-align:-webkit-center;    color: #f5f5f5; }
table td {border: 1px solid white;}

JavaScript

$(".table-hover").affix({
    offset: {
      top: 200
    }
  });