Responsive Table
<!-- Relatively responsive table with horizontal scrolling -->
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Heading one</th>
<th>Heading two</th>
<th>Heading three</th>
</tr>
</thead>
<tbody>
<tr>
<td>Col one</td>
<td>Col two</td>
<td>Col three</td>
</tr>
</tbody>
</table>
</div>
CSS:
.table-wrapper {
overflow-x: auto;
max-width: 100%;
}