jQuery實現(xiàn)凍結(jié)表格行和列_jquery

實現(xiàn)原理：

創(chuàng)建多個div，div之間通過css實現(xiàn)層疊，每個div放置當前表格的克隆。例如：需要行凍結(jié)時，創(chuàng)建存放凍結(jié)行表格的div，通過設(shè)置z-index屬性和position屬性，讓凍結(jié)行表格在數(shù)據(jù)表格的上層。同理，需要列凍結(jié)時，創(chuàng)建存放凍結(jié)列表格的div，并放置在數(shù)據(jù)表格的上層。如果需要行列都凍結(jié)時，則除了創(chuàng)建凍結(jié)行、凍結(jié)列表格的div，還需要創(chuàng)建左上角的固定行列表格的div，并放置在所有div的最上層。
處理表格的滾動事件，在表格橫向或者縱向滾動時，同時讓相應(yīng)的凍結(jié)行和凍結(jié)列也同步滾動。
處理html的resize事件，同步修改表格的滾動區(qū)域?qū)挾群透叨?/p>

代碼如下:

使用時，只要在table元素設(shè)置freezeRowNum和freezeColumnNum屬性值，即可實現(xiàn)凍結(jié)效果

代碼如下:

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com