自定義 table 布局 實作橫向滾動（不會被頁面擠壓變形）

<div class="table" style="overflow: auto; overflow-x: hidden;">

    <div class="table-scroll" style="overflow: scroll;">

         <div class="table-content" style="width: 1500px; min-width: 100%; table-layout: fixed;">

         </div>

    </div>

</div>
           

主要的css： 第一層：overflow: auto; overflow-x: hidden; （橫向滾動，隐藏溢出的元素）

第二層： overflow: scroll;（可以拖動頁面滾動）

第三層：width: 1500px; min-width: 100%;（設定一個固定的width,不讓頁面自适應，否則表格會被壓縮）

可以實作表格随着頁面伸縮，不會被擠壓變形。并能左右移動