vue: el-table 最后一列操作列设置为fixed后，最后一行有时候显示不完，感觉被遮挡了一半

一、先看解决方案：

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元素，且设置了宽高。