現象：

解決方法 ：

1.修改全域性css

2.只修改區域性css

.你的tableClass{
  /deep/ .el-table__fixed {
  height: 100% !important; //設定高優先，以覆蓋內聯樣式
    }
   }

補充知識：解決ElementUI的Table元件固定列，在螢幕剛好夠表格顯示時，會出現固定列顯示不全的問題

在使用ElementUI的Table元件中的固定列時，發現當表格剛好顯示全，處於臨界值狀態時，固定列的高度(height)會於表格高度不一致，導致固定列顯示不全，出現垂直滾動條。

如上圖所示，現在表格下方是未出現水平滾動條的，處於表格寬度剛好夠顯示所有欄位的臨界值，固定列出現了高度變小的情況，導致顯示不全。

上圖為檢查元素找到的固定列的DOM元素，固定列的DOM元素是獨立於表格body的，所有在開發程式碼中，給該列設定任何class或style是無法新增在固定列這個DOM元素上的。從這個DOM元素可以看到style元素設定了width和height，這個元素是ElementUI生成表格時，生成的DOM元素，且設定了寬高。

從Chrome檢查元素，修改height為100%時，可以看見固定列顯示不全的問題就已解決。

所以，解決方案就放在設定這個固定列的height上了。

從DOM樹上看到，table元件還有雜湊值的。（vue的每個元件有一個對應的雜湊值），而固定列上是沒有雜湊值的，所以固定列是不在我們編碼的單個元件上的，而是把table看作一個子元件，而固定列就在table這個子元件上，直接通過class選擇器修改子元件的css樣式是沒用的，要通過\deep\修飾。

最後，通過給table設定calss：table-fixed

再通過css選擇器進行樣式穿透

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

這樣就解決了這個問題。

以上這篇解決elementUI 切換tab後 el_table 固定列下方多了一條線問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。