?
大家可能經(jīng)常需要展示數(shù)據(jù)或者報表，表頭如果滾動上去后，查看數(shù)據(jù)的類別和字段是個麻煩事情，在這里我們推薦來自tympanus的一個JS實現(xiàn)的 table表頭固定效果，相信大家肯定會受益的，這個demo使用了jQuery來實現(xiàn)，所以能夠很好的支持各種瀏覽器上的報表展示！
?
這里有兩點值得大家討論：
?
為什么不使用position:fixed來實現(xiàn)表頭固定
使用fixed的好處在于：
- 無需計算滾動中的偏移，而使用JS需要自己處理
- 沒有滾動響應(yīng)的延遲，效果可能更好
但是fixed有一個非常重要的缺點：
如果你的table寬度超出了容器，那么水平的overflow需要設(shè)置，但是這個時候，你會發(fā)現(xiàn)fixed的表頭不會再滾動了，應(yīng)為它已經(jīng)脫離了文檔的布局，這就是為什么有這么多的開源的表頭固定處理JS
?
轉(zhuǎn)載： http://www.gbtags.com/gb/share/2712.htm
原文： http://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/
?
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
