为了是表格动态自适应页面高度,所以给表格设置了max-height属性,但是纵向滚动条消失了
解决方案:设置表格属性
.el-table {
display: flex;
flex-direction: column;
}
但是又出现了表格头部渲染问题:
解决方案:
之前看到有人说将el-table__header-wrapper的overflow属性设置为visible,但是会出现横向滚动时表头无法滚动的问题。后面经过探索,直接为表头设置一个固定高度即可解决问题。
.el-table__header-wrapper {
height: 100px;
}
最终效果:文章来源:https://www.toymoban.com/news/detail-523645.html
文章来源地址https://www.toymoban.com/news/detail-523645.html
到了这里,关于Element Ui 中表格设置max-height滚动条失效的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!