el-table 横向滚动条固定在可视窗口底部

使用v-horizontal-scroll

一个大佬写的插件:
el-table横向滚动条吸底处理方案思路

源码仓库地址:
GitHub - mizuka-wu/el-table-horizontal-scroll: el-table awlays show horizontal-scroller on bottom

安装

npm install el-table-horizontal-scroll

main.js中全局注册指令

import horizontalScroll from 'el-table-horizontal-scroll'
Vue.use(horizontalScroll)

在el-table上添加v-horizontal-scroll

可以使用 always 或 hover ,
默认值为hover，将鼠标悬停在表格上时，该栏将显示；
always，并使栏始终显示

<el-table :data="data"  v-horizontal-scroll="'always'">
 
</el-table>

效果

image.png

样式可自己调整