是我需要的效果,是我搞不定的效果,網上有現成的,感謝互聯網~
以下內容為摘抄:
前言
看了很多案例,從簡單的角度,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
