element-ui el-table写fixed=“right“ 属性后,出现样式错乱,多次调试(已解决)

element-ui el-table写fixed=“right“ 属性后,出现样式错乱,多次调试(已解决)_第1张图片

1、方法一试了不行

对table 增加 ref=“multipleTable”

在请求数据后 增加 doLayout() 方法;

.finally(() => {
   this.$nextTick(() => {
      this.$refs.multipleTable.doLayout();
    });
  });

2、方法二试了不行

标签上加一个class="table-fixed"

在样式文件中增加如下css代码(利用样式穿透)

.table-fixed {
  /deep/ .el-table__fixed-right {
    height: 100% !important; //设置高优先,以覆盖内联样式
  }
 
  /deep/ .el-table__fixed {
    height: 100% !important; //设置高优先,以覆盖内联样式
  }
}

3、我的解决:

element-ui el-table写fixed=“right“ 属性后,出现样式错乱,多次调试(已解决)_第2张图片

element-ui el-table写fixed=“right“ 属性后,出现样式错乱,多次调试(已解决)_第3张图片

 

你可能感兴趣的:(elementui,ui,elementui,vue.js)