.table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border-right: 1px solid #ddd;
}
.table-responsive th,
.table-responsive td {
white-space: nowrap;
}
}<div class="responsive-table">
<table>
...
</table>
</div>