溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
昨天晚上公司遇到個小需求，就是實現類似表格凍結頂欄的效果，具體描述就是下面動態圖的效果
這樣的效果不算是很難，但是實現起來確實挺麻煩的，這里的難點就不多說了，就是這個效果一下子弄到一點多，最后在我經常逛的一個網站里找到了答案。
原問題的地址：https://segmentfault.com/q/1010000000130774
這里介紹一下這個小插件的用法。首先先去著名'同性‘交往網站github里把代碼下載下來。解壓后是這樣的：
主要用到是我紅色框框里的，也可以看人家的源代碼。這里只需要引用js就可以了，然后在table和thead這兩個標簽里加上圖里的兩個類：
然后就是加上這段js：
就是紅色框框里的話。然后就可以出效果了。
但是，有的人可能沒有出效果，不要慌，按下F12，看看錯誤信息，我的錯誤信息是有個.size沒有定義這個方法，這時候把這段js給換一下就可以：
然后就可以實現效果啦！可能有人會覺得好煩啊，你這全是圖片，我想直接復制沒都沒法復制，但是我覺得很多東西自己看一遍跟自己真正寫出來是有差距的，希望大家能夠去真正寫一下，不過又想到昨晚我弄點一點的，眼都不想睜開了，哪有功夫再去寫呀，所以我還是把我圖片的東西給用打出來吧，好讓大家能夠復制：
table 里的類class="table-fixed-header"
thead 里的類class='header'
要加入的js：$('.table-fixed-header').fixedHeader();
總結
以上所述是小編給大家介紹的jQuery實現表格凍結頂欄效果，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
