table表頭固定問題

原生的table表頭在**滾動時候無法固定，可以使用以下的方法進行模擬

1. 雙table法

表頭和表體各用乙個table，這樣會產生**列對不齊的問題，可以使用colgroup和col來對齊，或者直接設定th，td的寬度

2. 單table修改樣式方法

設定**體為display:block，**head和**body的行都是display:table

.tb tbody.tb thead,.tb tbody tr

參考:

html中table樣式固定表頭，下面的內容滾動 html 終端sn號會員名稱會員繫結狀態啟用狀態入庫時間終端sn號會員名稱會員繫結狀態啟用狀態入庫時間終端sn號會員名稱會員繫結狀態啟用狀態入庫時間終端sn號會員名稱會員繫結狀態啟用狀態入庫時間終端sn...

原貼另可參考根據固定表頭的兩種方式固定表頭兩種方式 1.表頭和表內容分別在兩個table中,互不干擾.優點實現簡單缺點兩個table 的列寬不好保持一致,缺乏靈活性 2.用標籤的屬性來處理 html view plain copy span style font size 18px ht...

一 table固定表頭滾動不相容ie 使用scrolltop監聽滾動如下例 1 html div class tabflow id flowtable cont table thead tr th 年度 th th 起降架次萬架 th th 旅客吞吐萬人 th th 貨郵吞吐萬噸 th t...