解決代碼：

.el-table {/deep/ .el-table__body-wrapper {overflow-x: scroll !important;//直接設置橫軸內容滾動條 即可撐高高度 還不影響使用} }

一、情景：給element的el-table設置fixed固定后，最后一行顯示部分被遮擋。有的說是有時出現這個問題。但是官方文檔使用方法卻沒有出現。

二、原因： 這個bug現象只會在 使用fixed且沒有滾動條的情況下才會出現，這也就解釋了官方案例為啥正常了。

三、問題分析：
注意：解決方案3.1是如何找到問題和修改的，但是不推薦。 解決方案3.2更好更推薦使用。
原因：el-table下有個el-table_fixed盒子，就是el-table_fixed高度不夠導致了遮擋。

解決方案3.1（不推薦做法）：
優點：顯示正常
缺點：導致此固定列下方的滾動條被遮擋，導致無法點擊滾動。
>

設置100%代碼如下：

.el-table {/deep/ .el-table__fixed {height: 100% !important; //設置高優先，以覆蓋內聯樣式 但是會遮擋滾動條} }

解決方案3.2（推薦做法）：直接給表格內容 .el-table__body-wrapper 設置橫向滾動條。
優點：直接就撐高了el-table_fixed的高度，顯示正常，而且有滾動條時候也可以正常滾動。
缺點：內容足夠時候也會有滾動條部分。但是這都是小的細節了對吧。。。可以忽略



下方是設置滾動條的代碼↓↓↓↓↓↓↓↓↓↓↓↓↓

直接復制此一段代碼即可。

.el-table {/deep/ .el-table__body-wrapper {overflow-x: scroll !important;//直接設置橫軸內容滾動條 即可撐高高度 還不影響使用} }

四、總結：
直接設置橫向滾動條既可以！有效的話點個贊評論收藏一波，讓更多朋友能看到吧！

總結

以上是生活随笔為你收集整理的el-table使用fixed后，最后一行显示不全；el-table设置fixed后，最后一行被遮挡。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。