element-ui table中有fixed列後出現高度不對的情況

最後一列爲fixed屬性時,高度會出現未佔滿父元素的整個高度,因此會出現一條灰線

解決方法:

在<el-table>標籤上加一個class="table-fixed"

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

.table-fixed {
  /deep/ .el-table__fixed-right {
    height: 100% !important; //設置高優先,以覆蓋內聯樣式
  }

  /deep/ .el-table__fixed {
    height: 100% !important; //設置高優先,以覆蓋內聯樣式
  }
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章