以前自己學習做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實現對齊。姓名 星期一星期二 星期三星期四 星期五 上午下午...