Is there a way to create a scrollable table without impacting the grid system layout? How do I make a table scrollable while keeping the col-xs tag intact?
<table class="col-xs-12">
<thead>
<th class="col-xs-2">A</th>
<th class="col-xs-1">B</th>
<th class="col-xs-1">c</th>
<th class="col-xs-2">d</th>
<th class="col-xs-2">e</th>
<th class="col-xs-1">f</th>
<th class="col-xs-1">g</th>
<th class="col-xs-1">h</th>
<th class="col-xs-1">i</th>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control""></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
</tr>
</tbody>
</table>