自学内容网 自学内容网

el-table最大高度无法滚动

解决el-table同时使用fixed和计算的最大高度时固定右边的列无法跟随滚动的问题

原因:el-table组件会根据传入的 max-height 计算表格内容部分 和 fixed部分的最大高度,以此来生成滚动条和产生滚动效果,当传入的 max-height 为一个计算的高度时无法自动地完成计算
解决办法:手动地再对 表格内容部分 和 fixed部分 最大高度进行赋值
代码
<template>
<el-table 
    class="page-table"
    :data="databaseList" 
    max-height="calc( 100vh - 130px )"
    @selection-change="handleSelectionChange">
</el-table>
</template>
<style scoped lang="scss">
::v-deep .page-table{
  .el-table__body-wrapper, .el-table__fixed-body-wrapper{
    max-height: calc( 100vh - 176px );
  }
}
</style>

原文地址:https://blog.csdn.net/weixin_44885062/article/details/143949028

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!