解决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>