element el-table固定列凹陷问题

1、业务背景

列表显示字段过多,最后一栏操作列加固定显示,横向添加滚动条,在自测浏览器开发者模式时,发现固定列的最后一行出现了凹陷现象,网上查阅资料大多为在更新生命周期或者页面更新操作时重载页面,这些方法对本文出现的现象没有实际效果,最后的解决办法为直接设置横向滚动条,将列表的高度撑高以此解决问题。

element el-table固定列凹陷问题_第1张图片

图1 F12打开浏览器再关掉最后一行出现按钮凹陷现象

2、更新代码


    
    
    
        
    


element el-table固定列凹陷问题_第2张图片 

图2 更新后的按钮进行上述同样操作位置正常

3、参考链接

el-table使用fixed后,最后一行显示不全;el-table设置fixed后,最后一行被遮挡

若本文有帮助到阅读本文的同学,欢迎点赞、关注、收藏,互相学习交流。

 

你可能感兴趣的:(前端开发,elementui,vue.js,ecmascript,ui,前端)