JSFiddle - React, Tailwind, and code Playground
by Dan Mathisen
HTML
<div class="cont">
<table>
<thead>
<tr>
<th></th>
<th>MV ($)</th>
<th>MV (%)</th>
<th>Exposure ($)</th>
<th>Exposure (%)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Gross</td>
<td class="bold gain">14,454,131,903</td>
<td>77.74%</td>
<td>14,454,131,903</td>
<td>77.74%</td>
</tr>
<tr>
<td>Net</td>
<td class="bold gain">14,454,131,903</td>
<td>77.74%</td>
<td>14,454,131,903</td>
<td>77.74%</td>
</tr>
<tr>
<td>Long</td>
<td class="bold gain">14,454,131,903</td>
<td>77.74%</td>
<td>14,454,131,903</td>
<td>77.74%</td>
</tr>
<tr>
<td>Short</td>
<td class="bold loss">14,454,131,903</td>
<td>77.74%</td>
<td>14,454,131,903</td>
<td>77.74%</td>
</tr>
<tr>
<td>Gross</td>
<td class="bold gain">14,454,131,903</td>
<td>77.74%</td>
<td>14,454,131,903</td>
<td>77.74%</td>
</tr>
<tr>
<td>Net</td>
<td class="bold gain">14,454,131,903</td>
<td>77.74%</td>
<td>14,454,131,903</td>
<td>77.74%</td>
</tr>
<tr>
<td>Long</td>
<td class="bold gain">14,454,131,903</td>
<td>77.74%</td>
<td>14,454,131,903</td>
<td>77.74%</td>
</tr>
<tr>
<td>Short</td>
<td class="bold loss">14,454,131,903</td>
...
CSS
.cont {
width: 300px;
height: 200px;
overflow: auto;
}
thead tr th {
min-width: 100px;
}