I am having trouble fixing the table-reflow issue in mobile view while trying out the code below. Any suggestions on how to resolve this would be greatly appreciated.
To see the code, visit CODEPEN
<div class="container">
<div class="row">
<div class="col-sm-12">
<table class="table table-reflow">
<thead>
<tr>
<th>Id</th>
<th>Employee Name</th>
<th>Salary</th>
<th>Bonus</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr scope="row">
<td>665</td>
<td>Amit Shah</td>
<td>10000</td>
<td>1000</td>
<td>11000</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>