订单网站模块,网站开发的主题,湘潭新思维网站,制作公司网站设解决el-table同时使用fixed和计算的最大高度时固定右边的列无法跟随滚动的问题
原因#xff1a;el-table组件会根据传入的 max-height 计算表格内容部分 和 fixed部分的最大高度#xff0c;以此来生成滚动条和产生滚动效果#xff0c;当传入的 max-height 为一个计算的高度…解决el-table同时使用fixed和计算的最大高度时固定右边的列无法跟随滚动的问题
原因el-table组件会根据传入的 max-height 计算表格内容部分 和 fixed部分的最大高度以此来生成滚动条和产生滚动效果当传入的 max-height 为一个计算的高度时无法自动地完成计算
解决办法手动地再对 表格内容部分 和 fixed部分 最大高度进行赋值
代码
templateel-table classpage-table:datadatabaseList max-heightcalc( 100vh - 130px )selection-changehandleSelectionChange/el-table
/template
style scoped langscss
::v-deep .page-table{.el-table__body-wrapper, .el-table__fixed-body-wrapper{max-height: calc( 100vh - 176px );}
}
/style
