網上找了許多種方法，可能學疏才淺，本人並沒有實現，或者方法並不能滿足大表單（雙向滾動條）的需求；
1.大致思路：使用兩個table，保證head和body寬度一致即可，以下例子，為完全展示body中每個單元格內容，故動態生成表頭，根據已經生成的表單寬度去設定表頭寬度；然後保證兩個div 公用滾動條。
2.實現單元格內容自動換行或者自動以...代替的關鍵點在於：設定單元格寬度
直接上demo
//兩個div共用橫向滾動軸
//兩個div共用橫向滾動軸
第一 第二
第三第四第五
Table實現表頭固定 內容滾動
序號內容 1我只是用來測試的 2我只是用來測試的 3我只是用來測試的 4我只是用來測試的 table head table body table head table,table body table table body table tr nth child 2n 1 其實關鍵之處在於 1 使用了...
固定表頭 滾動內容
以前自己學習做web專案時，好像涉及到 內容較多的時候都是每頁固定行數，然後分頁，不過實際專案中可能在分頁的基礎上會有 固定表頭 滾動內容 這種需求，目前參與的專案中就是這樣的，看了這種實現，感覺很不錯。看了看同事寫的樣式 其實很簡單，用div套在table外面，設定overflow auto，然後...
table固定表頭滾動
一 table固定表頭滾動 不相容ie 使用scrolltop監聽滾動 如下例 1 html div class tabflow id flowtable cont table thead tr th 年度 th th 起降架次 萬架 th th 旅客吞吐 萬人 th th 貨郵吞吐 萬噸 th t...