原因:el-table组件会根据传入的 max-height 计算表格内容部分 和 fixed部分的最大高度,以此来生成滚动条和产生滚动效果,当传入的 max-height 为一个计算的高度时无法自动地完成计算

解决办法:手动地再对 表格内容部分 和 fixed部分 最大高度进行赋值

代码:

// html 部分
<el-table 
    stripe 
    v-loading="loading" 
    border 
    class="page-table"
    :data="databaseList" 
    max-height="calc( 100vh - 130px )"
    @selection-change="handleSelectionChange">
</el-table>

// scss 部分
::v-deep .page-table{
  .el-table__body-wrapper, .el-table__fixed-body-wrapper{
    max-height: calc( 100vh - 176px );
  }
}

 

posted on 2022-11-29 14:17  occc  阅读(143)  评论(0编辑  收藏  举报