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)!