使用第三方的插件指令
网址: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>