vue中el-table實現自動吸頂效果(支持fixed)


 

是我需要的效果,是我搞不定的效果,網上有現成的,感謝互聯網~

 

以下內容為摘抄:

前言

看了很多案例,從簡單的角度,position:sticky,似乎是比較理想的選擇,可是當el-table設置了fixed后,這里的fixed會失效。最后還是采用了js監聽滾動的思路實現。

實現思路

  • 表格距離頂部的距離
  • 設置表格距離頂部多少就吸頂—offsetTop1
  • 獲取滾動條滾動的距離
  • 當滾動條滾動 offsetTop1 后,表格就自動吸頂

使用:

在el-table標簽中配置:v-sticky="{ top: 0, parent:'#appMainDom'}",

說明

參數名字 類型 說明
top Number 滾動條距離頂部多少像素,自動吸頂
parent String 滾動的dom元素,內部使用querySelector獲取該元素

 

 






文章來源:https://www.jb51.net/article/224462.htm 

gitee案例源碼:
https://gitee.com/kaiking_g/test-element-by-vue.git

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM