На bootstrap-e работает. Фиксирует шапку таблицы. Теперь не могу сделать фиксированным первую колонку, нумерацию.
table {
width: 100%;
}
thead,
tbody,
tr,
td,
th {
display: block;
}
tr:after {
content: ' ';
display: block;
visibility: hidden;
clear: both;
}
thead th {
height: 30px;
/*text-align: left;*/
}
tbody {
height: 120px;
overflow-y: auto;
}
thead {
/* fallback */
}
tbody td,
thead th {
width: 19.2%;
float: left;
}
<div class="table-responsive">
<table class="table table-striped responsive">
<thead>
<tr>
<th>№</th>
<th>Model</th>
<th>Color</th>
<th>Year</th>
<th>Year</th>
</tr>
</thead>
<tbody>
<tr>
<td class="filterable-cell" id="fix">1</td>
<td class="filterable-cell">Escort</td>
<td class="filterable-cell">Blue</td>
<td class="filterable-cell">2000</td>
<td class="filterable-cell">2000</td>
</tr>
<tr>
<td class="filterable-cell" id="fix">2</td>
<td class="filterable-cell">Escort</td>
<td class="filterable-cell">Blue</td>
<td class="filterable-cell">2000</td>
<td class="filterable-cell">2000</td>
</tr>
<tr>
<td class="filterable-cell" id="fix">3</td>
<td class="filterable-cell">Escort</td>
<td class="filterable-cell">Blue</td>
<td class="filterable-cell">2000</td>
<td class="filterable-cell">2000</td>
</tr>
<tr>
<td class="filterable-cell" id="fix">4</td>
<td class="filterable-cell">Escort</td>
<td class="filterable-cell">Blue</td>
<td class="filterable-cell">2000</td>
<td class="filterable-cell">2000</td>
</tr>
</tbody>
</div>