JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<table class="table table-fixed">
<thead>
<tr>
<th class="col-xs-1">1Column 11111</th>
<th class="col-xs-1">2asdfdsaf</th>
<th class="col-xs-2">34sefsdf</th>
<th class="col-xs-1">5sadf</th>
<th class="col-xs-1">6asdf</th>
<th class="col-xs-2">78asdf</th>
<th class="col-xs-1">9asdf</th>
<th class="col-xs-1">10asdf</th>
<th class="col-xs-1">11asdf</th>
<th class="col-xs-1">12asdfasdf</th>
</tr>
</thead>
<tbody>
<tr>
<td class="col-xs-1">1hgttg</td>
<td class="col-xs-1">2htgeg</td>
<td class="col-xs-2">34dfgdfgdfsgdfsg dsfg dsfgsfdsdfsdf</td>
<td class="col-xs-1">5s</td>
<td class="col-xs-1">6dfgdfg</td>
<td class="col-xs-2">78dsf d asdf sdfsdfsf </td>
<td class="col-xs-1">9dsf dsf </td>
<td class="col-xs-1">10asdf dsf </td>
<td class="col-xs-1">11asdf dasf </td>
<td class="col-xs-1">12as fasd f</td>
</tr>
<tr>
<td class="col-xs-1">1hgttg</td>
<td class="col-xs-1">2htgeg</td>
<td class="col-xs-2">34dfgdfgdfsgdfsg dsfg dsfg </td>
<td class="col-xs-1">5s</td>
<td class="col-xs-1">6dfgdfg</td>
<td class="col-xs-2">78dsf d asdf sdfsdfsf </td>
<td class="col-xs-1">9dsf dsf </td>
<td class="col-xs-1">10asdf dsf </td>
<td class="col-xs-1">11asdf dasf </td>
<td class="col-xs-1">12as fasd f</td>
</tr>
<tr>
<td class="col-xs-1">1hgttg</td>
<td class="col-xs-1">2htgeg</td>
<td class="col-xs-2">34dfgdfgdfsgdfsg dsfg dsfg </td>
<td class="col-xs-1">5s</td>
<td class="col-xs-1">6dfgdfg</td>
...
CSS
.table-fixed thead {
position:fixed;
background-color: #f9faff;
}