el-table下方滚动条始终显示

在使用el-table时,发现即使数据量很大,表格拖动到底部,下方滚动条才会显示。需求是无论何时在当前浏览器底部吸附一个滚动条。

使用v-horizontal-scroll

这是网上一个开源仓库
el-table横向滚动条吸底

使用方法

  1. 安装 npm install el-table-horizontal-scroll
  2. 注册
    (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
    }
    }
  3. 给table增加属性
    <el-table :data="data"  v-horizontal-scroll="'always'">
    </el-table>
  4. 效果图
发表评论 / Comment

用心评论~