關於table,表頭固定內容可下拉的問題

2021-09-17 20:28:12 字數 590 閱讀 7429

表頭固定,內容可下拉

按邏輯來考慮:

1.如果要將和放在同乙個table內,那縱向滾動條勢必會包含,如果要把固定,那滾動條下拉到時,就要把整個拷貝出來,懸浮在視窗上面,還要考慮列多時的乙個橫向滾動。麻煩係數:⭐⭐⭐⭐

2.將和分到不同的table中,在tbody裡加高度限制,加滾動條,能夠實現,但有些視覺瑕疵。另外,兩個table中,thead和tbody要保持列對應,如果tbody有橫向滾動,要保證thead也跟著滾動。麻煩係數:⭐⭐

方法1?:$^&&$#%^&**!!#@@$%

方法2?:

保證橫向滾動時,head-div的表頭,能跟著滑動:

var lasttop = 0;

$('#body-div').on('scroll',function()

/**如果要處理下拉載入資料?*/

});

由於右側有滾動條的存在,會導致列不對齊,這個東西嘛......

Table實現表頭固定 內容滾動

序號內容 1我只是用來測試的 2我只是用來測試的 3我只是用來測試的 4我只是用來測試的 table head table body table head table,table body table table body table tr nth child 2n 1 其實關鍵之處在於 1 使用了...

table固定表頭

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

固定table的表頭

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