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

github开源地址:https://github.com/xfy520/vue3-seamless-scroll

步骤

1. 安装

npm install vue3-seamless-scroll --save

2. vue代码






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

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

你可能感兴趣的:(vue3 el-table结合seamless-scroll实现表格数据滚动的思路详解)