监听size,动态修改colWidthList,等⽐放⼤,代码我就不写了,因为本⾝这个需求就是极⼩概率出现的需求。
4. 不要给所有表格都⽤本⽅案
如果表格明显内容稀松,就坚决不要使⽤本⽅案,因为没必要。
5. 不要给所有列都⽤本⽅案
假如某列的内容忽长忽短,短的只有⼏个字,长的有50个字,那么这⼀列显然不适合使⽤⾃适应列宽,因为会造成⼤⾯积的空⽩,请给该列锁
定width。
6. 本⽅案的缺点
本⽅案为了不让表格抖动,造成了2个负⾯效果:
1. 会让表格消失⼏⼗到⼏百毫秒甚⾄⼏秒,根据ajax请求速度⽽定。如果不采⽤本⽅案,表格只是被loading遮罩遮住⼏⼗到⼏百毫秒⾄⼏秒,⽽
element表格横向滚动条
且遮罩往往半透明,能看到表格的隐约内容,是⼀种具有“⾼级感”的设计。
2. 设置width会导致⼤规模的UI回流和重绘,页⾯会⾮常轻微、不易觉察的卡顿⼀下,不过好在Element UI做政企系统多,可以强迫⽤户使⽤现
代浏览器,所以问题很轻微。
总之,如果需求⽅对界⾯美观⽐较在意,对轻微的、不易察觉的卡顿不太在乎,那么可以考虑本⽅案,如果追求极致流畅,则请不要使⽤本⽅案。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论