只需要设置样式,自己考虑需不需要加穿透 /deep/ .el-table { display: flex; flex-direction: column; .el-table__header-wrapper { flex-shrink: 0; } .el-table__body-wrapper { flex-grow: 1; } }
利用继承改vue组件 解决el-table中max-height为比例值的滚动问题 #程序员 - 程序员小山与Bug于20220404发布在抖音,已经收获了142.0万个喜欢,来抖音,记录美好生活!
设置max-height相对友好很多。但是发现element UI el-table 在计算table高度的时候有问题,在高度没有500px的情况下有时候会出现滚动列 环境 Element UI :2.13.0 问题页面 在操作后面多了一列,其实这里是滚动条预留的列,只是这里表格高度完全不需要滚动。看了下css渲染,表格的高度、预留列的高度都是直接在元素上设...
可以直接设置height属性来使其表头固定 2、也可以使用max-height属性来设置表格最大高度,实现上面的效果
可以在 el-table 标签上直接通过 style 属性设置高度,或者通过全局/局部 CSS 样式来设置。 使用max-height 属性: 当需要限制表格的最大高度,并且当数据超出时显示滚动条时,可以使用 max-height 属性。 通过容器控制: 将el-table 置于一个固定高度的容器中,并通过 CSS 控制容器的滚动行为。设置...
用el-table 想让表格高度根据屏幕动态展示,用max-height后发现内容超过高度不展示滚动条 查阅后发现默认是隐藏,而不是滚动展示 如果想让展示,则可以用样式加上overflow-y: auto 全部代码如下 <template><el-tablesize="small":data="tableData":max-height="tableHeight"style="width: 100%; overflow-y: auto...
动态设置table的max-height = window.innerHeight - 300没作用,重新请求接口后,高度没有没内容撑开。使用height的话在数据较少的情况下,会有很多的留白,怎么正确的使用max-height让table被内容撑开?
更改行高,想要设置每行最大高度: .box-table tbody .cell{ max-height: 150px; } 如果不生效参考 https://www.cnblogs.com/mlllily/articles/10881149.html
见有些说把height改成max-height,但是样式还是会有问题,fixed的表格短了一截。 看了官网,里面写了doLayout的方法,百度见有人用,可以解决,于是我也试试 要记得在table那里加一个ref 然后就是接口请求得到数据的时候,走一遍这个方法 this.$nextTick(()=>{ &... ...