您现在的位置是：网站首页> 编程资料编程资料

vue3 el-table结合seamless-scroll实现表格数据滚动的思路详解_vue.js_

2023-05-24 371人已围观

简介 vue3 el-table结合seamless-scroll实现表格数据滚动的思路详解_vue.js_

npm install vue3-seamless-scroll --save

思路：创建两个table，隐藏第一个table的body部分，这样就能得到一个固定的head。再隐藏第二个table的head部分，同时第二个table又是在滚动组件中，所以整个table都是滚动的，这时候隐藏head再搭配第一个table的head就能得到固定head并且body数据滚动的效果。

到此这篇关于vue3 el-table结合seamless-scroll实现表格数据滚动的文章就介绍到这了,更多相关vue3表格数据滚动内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:

上一篇：MutationObserver在页面水印实现起到的作用详解_JavaScript_