在使用el-table时,发现即使数据量很大,表格拖动到底部,下方滚动条才会显示。需求是无论何时在当前浏览器底部吸附一个滚动条。
使用v-horizontal-scroll
这是网上一个开源仓库
el-table横向滚动条吸底
使用方法
- 安装 npm install el-table-horizontal-scroll
- 注册
(1)在main.js中全局注册import horizontalScroll from 'el-table-horizontal-scroll' Vue.use(horizontalScroll)
(2)在单个页面注册
import horizontalScroll from 'el-table-horizontal-scroll' export default { directives: { horizontalScroll } }
- 给table增加属性
<el-table :data="data" v-horizontal-scroll="'always'"> </el-table>
- 效果图
版权声明:《 el-table下方滚动条始终显示 》为Wayne原创文章,转载请注明出处!
最后编辑:2022-8-8 01:08:02