前言#
平常日常开发经常会使用到 Table 表格,经常会遇到各种问题。
问题#
在 Microsoft Edge 浏览器不同分辨率不同缩放下,某些页面列表 y 轴滚动条会消失,导致无法滚动。
解决#
通过设置 max-height 属性为 el-table 指定最大高度时(开发中列表高度有时候并不是固定,通过监听浏览器高的 设置最大高度), 经排查是在计算列表动态最大高度值时未取整所导致异常。取整以后恢复正常。当设置为多位浮点数时,在 Microsoft Edge 浏览器等下会导致 y 轴滚动条失效,el-scrollbar 子元素缺失 height,具体导致原因未知。
总结#
总之就是使用 max-height 属性时需要进行取整。