解决element-ui的表格设置固定栏后,边框线消失的bug

问题:

当el-table加了固定右列时,左边的右边框就不见了,会出现这种bug

 

 

原因

解决方法因为固定列他是一个脱离文档流的元素,所以脱离了文档流就会挡住一些边框

通过调试知道当下面的滚动条滑动时, is-scrolling-right中的right会变换,滚动到中间会变成is-scrolling-middle,滚动到左边会变成is-scrolling-left

 

 

 

 解决方法:

只要class为is-scrolling-right时再用css选择器找到固定列的元素给他z-index低点就好

代码贴图

 

效果:

这样就能解决了

 

 

posted @ 2022-11-19 01:07  强者之途  阅读(2206)  评论(1编辑  收藏  举报
/* 看板娘 */