table 新增滑動 表頭(th)不動

2022-02-07 01:59:50 字數 1117 閱讀 4803

直接上**如下:

12"

overflow-y: auto;

">

3class="

table2

">45

6"width: 42%

">編號7"

width: 25%;

">比對方式8"

width: 25%;

">認定狀態9"

width: 3%

">

1011

121314"

background-color: white;overflow-y: auto; height: 320px;

">

15class="

table2

">

1617

"">18"

width: 40%

">20191010111019"

width: 21%

">同一認定20"

width: 27%

">未認定

2122

23201910101121

24同一認定

25未認定

2627

28201910101111

29同一認定

30未認定

3132

33201910101112

34同一認定

35未認定

3637

38201910101113

39同一認定

40未認定

4142

43201910101114

44同一認定

45未認定

4647

48201910101115

49同一認定

50未認定

5152

5354

55

view code

結果如下:

至於表頭和內容的對齊問題,就自己慢慢調吧;

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 1.乙個table是表頭,乙個table是下面的 具體 如下 html 具體js 因為我的table是動態生成的 function createtable count if count i ...