JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://getbootstrap.com/examples/theme/theme.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/bootstrap-table.min.css">
<table id="ex" class="table table-striped table-condensed table-hover">
<thead class="thead-inverse">
<tr>
<th></th>
<th>Date</th>
<th>Customer</th>
<th>Amount</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>#
</td>
<td>
<nobr>2015-03-03</nobr>
</td>
<td>Test</td>
<td>
<nobr>8 000,00</nobr>
</td>
<td>OK</td>
</tr>
<tr>
<td>#</td>
<td>2015-03-04</td>
<td>Test</td>
<td>433,33</td>
<td>OK</td>
</tr>
<tr>
<td>
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Action
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>First menu item</li>
<li>Second menu item</li>
</ul>
</div>
</td>
<td>2015-03-06</td>
<td>Test</td>
<td>33,12</td>
<td>OK</td>
</tr>
</tbody>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/bootstrap-table.min.js"></script>
<script src="https://issues.wenzhixin.net.cn/bootstrap-table/assets/bootstrap-table/src/extensions/filter-control/bootstrap-table-filter-control.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/locale/bootstrap-table-sv-SE.min.js"></script>
CSS
.fixed-table-body {
overflow-x: auto;
overflow-y: visible;
height: 100%;
}
JavaScript
$(document).ready(function() {
$('#ex').bootstrapTable({});
});