el-table内容过多时需要显示滚动条

转载：使用v-horizontal-scroll
github：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)

// 或特定组件指令
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>