Make any table responsive by wrapping a table in .table-responsive
. It will add an overflow
on small devices (768px & below).
Table heading | Table heading | Table heading | Table heading | Table heading | Table heading |
---|---|---|---|---|---|
Table Row | Table Row | Table Row | Table Row | Table Row | Table Row |
Table Row | Table Row | Table Row | Table Row | Table Row | Table Row |
<div class="table-responsive">
<table class="table">
...
</table>
</div> <!-- /.table-responsive -->