vue项目中使用element-ui组件踩过的坑(一)


element-ui前端UI组件框架,在使用表格组件时,朋友们是否发现了这么一个问题:在使用固定列和水平方向的滚动条时,当滚动条从有到无的情况下,刚好滚动条消失的一瞬间,固定列的最后一行会出现一条高度为1px的线条,且内容会被遮住,如下图

经过本人的一顿查找操作,找到了问题所在。

原来在滚动条消失的一瞬间,固定列的高度会变小。所以我的解决方案就是:

.el-table__fixed-right{
  height: 100% !important;
}

给固定列一个高度为100%,就是一直和父元素的高度保持一致