如何在不使用數據表的情況下使表響應？

Question

如何在不使用數據表和引導程序的情況下使表具有響應性。 如何在移動視圖中拆分表格？

Answer 1

使用這種格式的html

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

CSS

.table-responsive {
   display: block;
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table {
   width: 100%;
}