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

原文地址:https://www.cnblogs.com/tangxinwang/p/13666718.html