table不滚动到底部需要横向滚动条的解决方法

使用第三方的插件指令

网址：https://www.npmjs.com/package/el-table-horizontal-scroll​​​​​​

使用方法：

1.全局使用

import horizontalScroll from 'el-table-horizontal-scroll'

# vue2
Vue.use(horizontalScroll)

# vue3
app.use(horizontalScroll)

之后在需要的el-table中添加
v-horizontal-scroll

2.局部使用

在需要的使用的组件中，引入，注册自定义指令

import horizontalScroll from 'el-table-horizontal-scroll'

export default {
    directives: {
        horizontalScroll
    }
}

在el-table加入 v-horizontal-scroll

<el-table
  :data="data"
  v-horizontal-scroll
>
  <el-table-column
    fixed="left"
    label="a"
    prop="a"
  ></el-table-column>
</el-table>