domo

domo

日常BUG-element plus table高度问题

前言#

平常日常开发经常会使用到 Table 表格,经常会遇到各种问题。

问题#

在 Microsoft Edge 浏览器不同分辨率不同缩放下,某些页面列表 y 轴滚动条会消失,导致无法滚动。

解决#

通过设置 max-height 属性为 el-table 指定最大高度时(开发中列表高度有时候并不是固定,通过监听浏览器高的 设置最大高度), 经排查是在计算列表动态最大高度值时未取整所导致异常。取整以后恢复正常。当设置为多位浮点数时,在 Microsoft Edge 浏览器等下会导致 y 轴滚动条失效,el-scrollbar 子元素缺失 height,具体导致原因未知。

总结#

总之就是使用 max-height 属性时需要进行取整。

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。