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

注册指令

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

或者

import horizontalScroll from 'el-table-horizontal-scroll'
 
export default {
    directives: {
        horizontalScroll
    }
}

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

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

或者可以将其更改为always，并使栏始终显示

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

效果图（我自己就是选的这个方法，个人觉得比其他方法好）