element-ui el-table有設置固定列fixed，高度不對的情況

 

 

 

原因：

某一列加了fixed操作后，固定列出現高度變小的情況，導致顯示不全；

固定列的這個DOM元素是獨立於表格體的，給該列設置任何class或style是無法添加在固定列這個DOM元素上的

 

解決辦法：

• 這個高度需要動態計算，所以加一個樣式去覆蓋這個
• 在<el-table>標簽添加一個class=“tableClass”
• 增加css代碼

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

 

詳細分析博客:https://blog.csdn.net/tooky_poom/article/details/78550323