后台管理

企业服务 数据服务 案例ID:148294
HaHa Together!
5 年经验· 中电
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

在使用el-tag点击切换的时候数据由隐藏变为显示的瞬间,页面会有抖动的现象。在查找过程中发现element-ui在重新渲染table时td内部的div高度被重新计算了(div高度=table容器高度/行数),进而导致整个table的高度变化,给人的感觉table在抖动。解决的版本就是给td内部的div固定一个高度。该div有自己的class属性.el-table .cell 。重写该属性的样式表.el-table .cell{height: 20px !important;},问题得以解决。

后台管理

企业服务 · 数据服务 案例ID:148294
联系该工程师
微信扫码,建群沟通
作者: HaHa Together! - 5年经验- 中电

案例介绍

在使用el-tag点击切换的时候数据由隐藏变为显示的瞬间,页面会有抖动的现象。在查找过程中发现element-ui在重新渲染table时td内部的div高度被重新计算了(div高度=table容器高度/行数),进而导致整个table的高度变化,给人的感觉table在抖动。解决的版本就是给td内部的div固定一个高度。该div有自己的class属性.el-table .cell 。重写该属性的样式表.el-table .cell{height: 20px !important;},问题得以解决。

相似案例推荐

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×