昨天晚上公司遇到個(gè)小需求，就是實(shí)現(xiàn)類似表格凍結(jié)頂欄的效果，具體描述就是下面動(dòng)態(tài)圖的效果

按需開發(fā)可以根據(jù)自己的需求進(jìn)行定制，做網(wǎng)站、成都做網(wǎng)站構(gòu)思過程中功能建設(shè)理應(yīng)排到主要部位公司做網(wǎng)站、成都做網(wǎng)站的運(yùn)用實(shí)際效果公司網(wǎng)站制作網(wǎng)站建立與制做的實(shí)際意義

這樣的效果不算是很難，但是實(shí)現(xiàn)起來確實(shí)挺麻煩的，這里的難點(diǎn)就不多說了，就是這個(gè)效果一下子弄到一點(diǎn)多，最后在我經(jīng)常逛的一個(gè)網(wǎng)站里找到了答案。

原問題的地址：https://segmentfault.com/q/1010000000130774

這里介紹一下這個(gè)小插件的用法。首先先去著名'同性‘交往網(wǎng)站github里把代碼下載下來。解壓后是這樣的：

主要用到是我紅色框框里的，也可以看人家的源代碼。這里只需要引用js就可以了，然后在table和thead這兩個(gè)標(biāo)簽里加上圖里的兩個(gè)類：

然后就是加上這段js：

就是紅色框框里的話。然后就可以出效果了。

但是，有的人可能沒有出效果，不要慌，按下F12，看看錯(cuò)誤信息，我的錯(cuò)誤信息是有個(gè).size沒有定義這個(gè)方法，這時(shí)候把這段js給換一下就可以：

然后就可以實(shí)現(xiàn)效果啦！可能有人會(huì)覺得好煩啊，你這全是圖片，我想直接復(fù)制沒都沒法復(fù)制，但是我覺得很多東西自己看一遍跟自己真正寫出來是有差距的，希望大家能夠去真正寫一下，不過又想到昨晚我弄點(diǎn)一點(diǎn)的，眼都不想睜開了，哪有功夫再去寫呀，所以我還是把我圖片的東西給用打出來吧，好讓大家能夠復(fù)制：

table 里的類class="table-fixed-header"

thead 里的類class='header'

要加入的js：$('.table-fixed-header').fixedHeader();

總結(jié)

以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)表格凍結(jié)頂欄效果，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

本文名稱：jQuery實(shí)現(xiàn)表格凍結(jié)頂欄效果
標(biāo)題路徑：http://jinyejixie.com/article42/psidhc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、移動(dòng)網(wǎng)站建設(shè)、微信小程序、Google、企業(yè)建站、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)