jQuery實(shí)現(xiàn)表格凍結(jié)頂欄效果
昨天晚上公司遇到個(gè)小需求，就是實(shí)現(xiàn)類似表格凍結(jié)頂欄的效果，具體描述就是下面動(dòng)態(tài)圖的效果
這樣的效果不算是很難，但是實(shí)現(xiàn)起來(lái)確實(shí)挺麻煩的，這里的難點(diǎn)就不多說了，就是這個(gè)效果一下子弄到一點(diǎn)多，最后在我經(jīng)常逛的一個(gè)網(wǎng)站里找到了答案。
原問題的地址：https://segmentfault.com/q/1010000000130774
這里介紹一下這個(gè)小插件的用法。首先先去著名'同性‘交往網(wǎng)站github里把代碼下載下來(lái)。解壓后是這樣的：
主要用到是我紅色框框里的，也可以看人家的源代碼。這里只需要引用js就可以了，然后在table和thead這兩個(gè)標(biāo)簽里加上圖里的兩個(gè)類：
然后就是加上這段js：
就是紅色框框里的話。然后就可以出效果了。
但是，有的人可能沒有出效果，不要慌，按下F12，看看錯(cuò)誤信息，我的錯(cuò)誤信息是有個(gè).size沒有定義這個(gè)方法，這時(shí)候把這段js給換一下就可以：
然后就可以實(shí)現(xiàn)效果啦！可能有人會(huì)覺得好煩啊，你這全是圖片，我想直接復(fù)制沒都沒法復(fù)制，但是我覺得很多東西自己看一遍跟自己真正寫出來(lái)是有差距的，希望大家能夠去真正寫一下，不過又想到昨晚我弄點(diǎn)一點(diǎn)的，眼都不想睜開了，哪有功夫再去寫呀，所以我還是把我圖片的東西給用打出來(lái)吧，好讓大家能夠復(fù)制：
table 里的類class="table-fixed-header"
thead 里的類class='header'
要加入的js：$('.table-fixed-header').fixedHeader();
總結(jié)
以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)表格凍結(jié)頂欄效果，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
下面小編就為大家分享一篇select獲取下拉框的值 下拉框默認(rèn)選中方法，具有很好的參考價(jià)值，希望對(duì)的有所幫助。一起跟隨小編過來(lái)看看吧2018-02-02
實(shí)用的Jquery選項(xiàng)卡TAB示例代碼
Jquery選項(xiàng)卡想必大家并不陌生，本文為大家介紹個(gè)比較實(shí)用的jquery TAB選項(xiàng)卡，喜歡的朋友可以學(xué)習(xí)下2013-08-08
JQuery中使用ajax傳輸超大數(shù)據(jù)的解決方法
這篇文章主要介紹了JQuery中使用ajax傳輸超大數(shù)據(jù)的解決方法,也就是比較多的數(shù)據(jù),超過max_upload_size等設(shè)置,本文方法在chrome瀏覽器下測(cè)試通過,需要的朋友可以參考下2014-07-07
JQuery表單驗(yàn)證插件EasyValidator用法分析
這篇文章主要介紹了JQuery表單驗(yàn)證插件EasyValidator用法,以實(shí)例形式系統(tǒng)分析了EasyValidator的功能特性及具體用法,是非常實(shí)用的jQuery插件,需要的朋友可以參考下2014-11-11
jQuery 3.0 的 setter和getter 模式詳解
這篇文章主要介紹了jQuery 3.0 的 setter和getter 模式詳解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
jquery獲取iframe中的dom對(duì)象(兩種方法)
本文為大家詳細(xì)介紹下父窗口中操作iframe、在子窗口中操作父窗口，獲取iframe內(nèi)的dom對(duì)象有兩種方法，感興趣的朋友可以了解下哈，希望對(duì)大家有所幫助2013-07-07
以前總是沒搞明白是怎么回事，現(xiàn)在是迫不得已，就仔細(xì)看了看說明文檔，終于測(cè)試成功了，記下2011-12-12
用jQuery中的ajax分頁(yè)實(shí)現(xiàn)代碼
去年的時(shí)候剛接觸Jquery，也就做界面特效用了下，對(duì)其很有興趣，迫于現(xiàn)在項(xiàng)目中不怎么用，對(duì)其甚是想念呀，這不沒抽點(diǎn)時(shí)間再來(lái)看看Juery中好玩的東西。2011-09-09
這篇文章主要為大家詳細(xì)介紹了jquery仿京東商品瀏覽頁(yè)面，鼠標(biāo)放在圖片上實(shí)現(xiàn)放大效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
jQuery 獲取select選中值及清除選中狀態(tài)
這篇文章主要介紹了jQuery 獲取select選中值及清除選中狀態(tài)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12