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