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