欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實現(xiàn)表格凍結(jié)頂欄效果

 更新時間:2017年08月20日 10:00:15   作者:silinpper  
昨天晚上公司遇到個小需求,就是實現(xiàn)類似表格凍結(jié)頂欄的效果。這篇文章主要介紹了jQuery實現(xiàn)表格凍結(jié)頂欄效果 ,需要的朋友可以參考下

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

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

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

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

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

然后就是加上這段js:

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

但是,有的人可能沒有出效果,不要慌,按下F12,看看錯誤信息,我的錯誤信息是有個.size沒有定義這個方法,這時候把這段js給換一下就可以:

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

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

thead 里的類class='header'

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

總結(jié)

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

相關(guān)文章

最新評論