解決el-table設置了固定列導致的滾動條無法拖動問題

el-table中的el-table-column提供了一個fixed屬性設置固定列，但是設置了之后發現表格的滾動條無法拖動了，通過F12定位到頁面元素發現是滾動條被固定列生成的元素給覆蓋了，於是想辦法通過修改樣式的方式解決問題。

<style lang="scss" scoped>
  .el-table {
    .el-table__fixed { // 左固定列
      height: auto !important;
      bottom: 18px; // 改為自動高度后，設置與父容器的底部距離，高度會動態改變，值可以設置比滾動條的高度稍微大一些
    }
    .el-table__fixed-right { // 右固定列
      height: auto !important;
      bottom: 18px; // 改為自動高度后，設置與父容器的底部距離，高度會動態改變，值可以設置比滾動條的高度稍微大一些
    }
  }
</style>

當然也可以把這段樣式放到全局的樣式表中，作為全局的樣式，這樣就不需要每個頁面都寫這段樣式了（推薦）。

這個問題不知道是官方的bug還是重寫樣式引起的沖突問題，也不追究了，能解決問題就好了。

 

"偶爾志得意滿，偶爾消沉低落。"