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