初学网站开发公众平台网页版

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