明显是初始化的时候某个对象是null导致的。 查看源码 查看源码我们能看到这里有判断this.maxHeight是否为空,也就是我们是否有设置。有设置的话,会返回一个对象,其中会调用this.data.length。问题就是这里。初始化时this.data是空的所以就会报错。 解决办法 查看我们对table......
用el-table 想让表格高度根据屏幕动态展示,用max-height后发现内容超过高度不展示滚动条 查阅后发现默认是隐藏,而不是滚动展示 如果想让展示,则可以用样式加上overflow-y: auto 全部代码如下 <template><el-tablesize="small":data="tableData":max-height="tableHeight"style="width: 100%; overflow-y: auto"...
我今天也遇到了,mounted里计算了可视区的高度,然后计算出table的max-height值,标签中用<el-table :max-height="tableHeight" >的方式绑定了计算后的高度值,但是发现tableHeight只是第一次初始化的值,并不是动态计算的值,即使放到computed、watch中,各种姿势都不可以。后来我就还在mounted中,把计算可视区高度、推导...
可以直接设置height属性来使其表头固定 2、也可以使用max-height属性来设置表格最大高度,实现上面的效果
利用继承改vue组件 解决el-table中max-height为比例值的滚动问题 #程序员 - 程序员小山与Bug于20220404发布在抖音,已经收获了141.4万个喜欢,来抖音,记录美好生活!
见有些说把height改成max-height,但是样式还是会有问题,fixed的表格短了一截。 看了官网,里面写了doLayout的方法,百度见有人用,可以解决,于是我也试试 要记得在table那里加一个ref 然后就是接口请求得到数据的时候,走一遍这个方法 this.$nextTick(()=>{ &... ...
因为表格条数太多,想设置固定高度解决。设置max-height相对友好很多。但是发现element UI el-table 在计算table高度的时候有问题,在高度没有500px的情况下有时候会出现滚动列
Element UI version 2.1.0 OS/Browsers version window 7/firfox 59.0.1 (64 位) Vue version 2.5.17-beta.0 Reproduction Link https://jsfiddle.net/pj71jkyw/944/ Steps to reproduce 1、set max-height of table 2、when current table rows greeter than...
更改行高,想要设置每行最大高度: .box-table tbody .cell{ max-height: 150px; } 如果不生效参考 https://www.cnblogs.com/mlllily/articles/10881149.html
Element UI version 2.12.0 OS/Browsers version win10 Vue version 2.6.10 Reproduction Link https://jsfiddle.net/w54nto1y/ Steps to reproduce 在el-table标签中同时设置 :show-header="false" 和 max-header="120px" ,在console中会有报错 [Vue warn]: Error in nex.