el-table滚动条设置在外层

问题

当table数据量过大又不想用分页时,需要将纵向滚动条拉至底部才能操作横向滚动条,操作不便。因此我们需要固定横向滚动条的位置。

失效的用法

如果是如下结构,通常我们会选择隐藏el-table自带的滚动条,再给他的父级元素加上高度和滚动条。但是这种方法目前是没有用的。

可以采用的方法

将table对应窗口位置固定
html部分:
为table组件加上height,注意这里的height是方法

js部分:
在computed里加入高度计算方法

  computed: {
    tableMaxHeight() {
      return window.innerHeight - 200 + "px";//这里的数据根据需求自定义
    },
  },

你可能感兴趣的:(前端,javascript,vue.js,elementui,vue)