一、先看解决方案:

1、只修改当前页面样式:

    给table设置class="tableClass"

    在样式中:

  

<style  lang="less" >
  .tableClass {
    .el-table__fixed-right {
      height: 100% !important; //设置高优先,以覆盖内联样式
    }
  }
</style>

2、直接用table的class,修改项目中所有表格此问题

<style  lang="less" >
  .el-table >.el-table__fixed-right {
    height: 100% !important; //设置高优先,以覆盖内联样式
  }
</style>

 

二、为什么会导致这个问题呢

之前看了一片博客,我觉得分析得很不错 点击查看

大体意思如下:固定列的DOM元素是独立于表格body的,所有在开发代码中,给该列设置任何class或style是无法添加在固定列这个DOM元素上的。从这个DOM元素可以看到style元素设置了width和height,这个元素是ElementUI生成表格时,生成的DOM元素,且设置了宽高。

 

Logo

前往低代码交流专区

更多推荐