当前位置: 首页 > Web前端 > vue.js

使用elementui的table固定前三行(这些行可以自定义),其余从下往上无间隙滚动

时间:2023-03-31 23:39:18 vue.js

1。修复前三行。解决办法:用两个表,第一个表只显示前三行,其余隐藏,第二个表隐藏前三行,其余显示,这样固定2.除了前三行,其余全部滚动。解决方案:2-1。可以使用vue-seamless-scroll这个无缝滚动插件,我测试了一下就可以使用了。如有需要,请参考链接https://blog.csdn.net/tianbushengyinuo/article/details/108245275解决方法:2-2。可以使用自定义js滚动,因为我开发的项目是看板,它的作用是:页面的表格滚动时,需要立即请求追加数据,所以需要判断滚动到底部的页面当时在网上搜了很多,包括无缝滚动插件vue-seamless-scroll,这个插件没有判断滚动到底部的情况,所以就用原生js开发,方法二step1.html代码{{scope.row.groupType}}{{scope.row.groupName}}{{scope.row.managerName}}{{scope.row.monthSum}}{{scope.row.beforeThreeDays}}{{scope.row.beforeYesterday}}{{scope.row.yesterday}}{{scope.row.comBeforeYesterday}}{{scope.row.dayTerm}}{{scope.row.groupType}}{{scope.row.groupName}}{{scope.row.managerName}}{{scope.row.monthSum}};{{scope.row.beforeThreeDays}}{{scope.row.beforeYesterday}}{{scope.row.yesterday}}{{scope.row.yesterdayRanking}}{{scope.row.comBeforeYesterday}}

Step2.js代码第3步,由于时间关系,初学者就不多说了,相信你一定会比我改进的更好,