JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<table id="table" data-toggle="table" data-search="true" data-show-columns="true" class="table table-striped">
<thead>
<tr>
<th data-sortable="true">Account</th>
<th data-sortable="true">1-30</th>
<th data-sortable="true">30+</th>
<th data-sortable="true">60+</th>
<th data-sortable="true">90+</th>
<th data-sortable="true">Unit Total</th>
<th data-sortable="true">Total</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#">st0121</a></td>
<td>700.00</td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
<td>200.00</td>
<td>920.00</td>
</tr>
<tr>
<td><a href="#">st0122</a></td>
<td>1,200.00</td>
<td>0.00</td>
<td>0.00</td>
<td>8,000.00</td>
<td>0.00</td>
<td>9,200.00</td>
</tr>
<tr>
<td><a href="#">st0123</a></td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
<td>200.00</td>
</tr>
<tr>
<td><a href="#">st0124</a></td>
<td>160.00</td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
<td>160.00</td>
<td>360.00</td>
</tr>
<tr>
<td><a href="#">st0125</a></td>
<td>40.00</td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
<td>40.00</td>
<td>400.00</td>
</tr>
<tr>
<td><a href="#">st0126</a></td>
<td>80.00</td>
<td>0.00</td>
<td>0.00</td>
<td>0.00</td>
...