JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap-combined.min.css">
    <!--[if IE]>
<style type="text/css">
html>body  .scrollable-table-container tbody {height:20px}
html>body  .scrollable-table-container {overflow-y:scroll}
html>body  .scrollable-table-container th {background:White;border-bottom:1px solid #DDDDDD;}html>body  .scrollable-table-container thead tr {margin-top:-38px;}
        </style>
    <![endif]-->
    <!--[if IE 8]>
        <style type="text/css">
            html>body  .scrollable-table-container thead tr {display: block;position: absolute;margin: -22px auto;right:0px;width:572px;}
        </style>
    <![endif]-->  
  

<div class="scrollable-table-container">
    <table class="table table-striped table-bordered table-hover">
        <thead>
            <tr>
                <th>
                    Column 1
                </th>
                  <th>
                    Column 2
                </th> 
                <th>
                    Column 3
                </th> 
                 <th>
                    Column 4
                </th>
                  <th>
                    Column 5
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    Row A1
                </td>
                <td>
                    Row A2
                </td>
                <td>
                    Row A3
                </td>
                <td>
                    Row A4
                </td>
                <td>
                    Row A5
                </td>
            </tr>
            <tr>
                <td>
                    Row B1
                </td>
                <td>
                    Row B2
                </td>
                <td>
                    Row B3
                </td>
                <td>
                    Row B4
                </td>
                <td>
                    Row B5
        ...

CSS

.scrollable-table-container {margin-top:0px;display:block;}

.scrollable-table-container {overflow:hidden;height:225px;padding-top:37px;width:500px;}
.scrollable-table-container  thead tr {display:block;position:absolute;margin-top:-36px;width:482px;}
.scrollable-table-container  tbody {overflow:auto;height:200px;display:block;width:100%}
.scrollable-table-container  thead th,  .scrollable-table-container  tbody td{width: 100px;height:25px;}

.scrollable-table-container tr {width:500px;}

.scrollable-table-container .table-bordered thead tr {border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD; }