Skip to content

Instantly share code, notes, and snippets.

@phillcoxon
Created November 26, 2018 07:09
Show Gist options
  • Save phillcoxon/4b6070a05362b4ab5783f9afcb788c4e to your computer and use it in GitHub Desktop.
Save phillcoxon/4b6070a05362b4ab5783f9afcb788c4e to your computer and use it in GitHub Desktop.
Example of responsive static bootstrap table
<div class="table-responsive">
<!--Table-->
<table id="tablePreview" class="table table-striped table-hover table-bordered">
<!--Table head-->
<thead>
<tr>
<th>#</th>
<th>From This City To >></th>
<th>Midwa-MDW</th>
<th>O'Hare-ORD</th>
<th>Down Town</th>
</tr>
</thead>
<!--Table head-->
<!--Table body-->
<tbody>
<tr>
<th scope="row">1</th>
<td>Traverse City Mi</td>
<td>$640.00</td>
<td>$680.00</td>
<td>$650.00</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Detroit Mi</td>
<td>$580.00</td>
<td>$600.00</td>
<td>$580.00</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Milwaukee Wi</td>
<td>$210.00</td>
<td>180.00</td>
<td>$210.00</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Hammond-Griffith IN</td>
<td>$210.00</td>
<td>180.00</td>
<td>$210.00</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Dyer-Munster IN</td>
<td>$210.00</td>
<td>180.00</td>
<td>$210.00</td>
</tr>
<tr>
<th scope="row">6</th>
<td>Saint John IN</td>
<td>$210.00</td>
<td>180.00</td>
<td>$210.00</td>
</tr>
</tbody>
<!--Table body-->
</table>
<!--Table-->
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment