如何在不使用数据表的情况下使表响应？

Question

如何在不使用datatables和bootstrap的情况下使表响应。如何在移动视图中拆分表？

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%;
}