原生列表table固定表頭

2021-10-01 07:53:34 字數 512 閱讀 6231

tabletheadtbody拆分成兩個**,用 div 包起來,給 div 設定固定高度和overflow: auto;屬性(其實只給tbodytable包上div就可以)。

1

2

3

11111

要給 table 新增乙個 table-layout: fixed; 屬性:使列寬由**寬度和列寬度設定

具體的樣式需要你們自己去調整

.ttable 

.table-box

//也可以給表頭的table新增(因為博主當時寫的環境不需要新增這個屬性,所以這個定位得看需求)

table

希望有幫到你們哦

table固定表頭

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

固定table的表頭

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

table表頭固定問題

table表頭固定問題 原生的table表頭在 滾動時候無法固定,可以使用以下的方法進行模擬 1.雙table法 表頭和表體各用乙個table,這樣會產生 列對不齊的問題,可以使用colgroup和col來對齊,或者直接設定th,td的寬度 2.單table修改樣式方法 設定 體為display b...