vue项目中使用element-ui组件踩过的坑(一)
element-ui前端UI组件框架,在使用表格组件时,朋友们是否发现了这么一个问题:在使用固定列和水平方向的滚动条时,当滚动条从有到无的情况下,刚好滚动条消失的一瞬间,固定列的最后一行会出现一条高度为1px的线条,且内容会被遮住,如下图
经过本人的一顿查找操作,找到了问题所在。
原来在滚动条消失的一瞬间,固定列的高度会变小。所以我的解决方案就是:
.el-table__fixed-right{ height: 100% !important; }
给固定列一个高度为100%,就是一直和父元素的高度保持一致