JSFiddle - React, Tailwind, and code Playground
by mademoiselletse
HTML
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<table data-toggle = "table" data-pagination = "true" data-page-list="[10, 20, 50, 100, 200]">
<thead>
<tr>
<th data-sortable="true">Symbol</th>
<th data-sortable="true">Company Name</th>
<th data-sortable="true">EV/EBITDA</th>
<th data-sortable="true">Trailing P/E</th>
<th data-sortable="true">Forward Dividend Yield</th>
<th data-sortable="true">Payout Ratio</th>
</tr>
</thead>
<tbody>
<tr>
<td>FLWS</td>
<td>1-800 FLOWERS.COM, Inc.</td>
<td>9.18</td>
<td>28.33</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td>SHLM</td>
<td>A. Schulman, Inc.</td>
<td>9.19</td>
<td>54.42</td>
<td>2.54%</td>
<td>138.29%</td>
</tr>
<tr>
<td>AXAS</td>
<td>Abraxas Petroleum Corporation</td>
<td>2.88</td>
<td>3.48</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td>AEY</td>
<td>ADDvantage Technologies Group, Inc.</td>
<td>4.81</td>
<td>12.48</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td>AEIS</td>
<td>Advanced Energy Industries, Inc.</td>
<td>9.74</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td>AEGN</td>
<td>Aegion Corp</td>
<td>6.23</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td>AEPI</td>
<td>AEP Industries Inc.</td>
<td>7.75</td>
<td>22.99</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td>AEZS</td>
<td>AEterna Zentaris Inc.</td>
<td>0.96</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td>AIRM</td>
<td>Air Methods...
CSS
.bootstrap-table .table > thead > tr > th {
border-bottom: 2px solid #4d4d4d !important;
}