固定表頭 滾動內容

2021-08-31 04:12:36 字數 571 閱讀 8923

以前自己學習做web專案時,好像涉及到**內容較多的時候都是每頁固定行數,然後分頁,不過實際專案中可能在分頁的基礎上會有「固定表頭、滾動內容」這種需求,目前參與的專案中就是這樣的,看了這種實現,感覺很不錯。

看了看同事寫的樣式**,其實很簡單,用div套在table外面,設定overflow:auto,然後最主要的就是這個樣式

table thead tr

[url]

對其進行研究,做了如下筆記

col1

col2

col3

col4

col5

col6

1112

1314

1516

2122

2324

2526

3132

3334

3536

4142

4344

4546

5152

5354

5556

關於的用法,參照[url]

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固定表頭滾動

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

GridView表頭固定,表體滾動效果

網上搜到的用cs方法,效果不好。實現原理。1 新建乙個table,只顯示表頭。同理也可以新建乙個gridview,新增一列空行,然後隱藏行,即可只顯示表頭 2 隱藏gridview的表頭 showheader false 3 控制width實現對齊。姓名 星期一星期二 星期三星期四 星期五 上午下午...