Introduction#
Table tables are often used in daily development, and various problems are often encountered.
Problem#
In Microsoft Edge browser, under different resolutions and zoom levels, the y-axis scroll bar of certain page lists disappears, making it impossible to scroll.
Solution#
When setting the max-height attribute for el-table to specify the maximum height (sometimes the height of the list is not fixed during development, set the maximum height by listening to the height of the browser), it was found that the exception was caused by not rounding the dynamically calculated maximum height value of the list. After rounding, it returned to normal. When set to a multi-digit floating point number, it will cause the y-axis scroll bar to fail in browsers like Microsoft Edge, and the el-scrollbar child element will lack height. The specific cause is unknown.
Conclusion#
In short, when using the max-height attribute, rounding is required.