解决element-ui的table切换选项卡后,fixed列底部出现小方格

我一直用的是element-ui的前端库,非常好用,有一些bug我自己也能修复了。最近遇到table的一个样式的bug,其实这个很久前也遇到了,只是最近在弄这个多页面标签功能,经常要切换来切换去,结果这个现象经常出现。

就是某一列我用了fixed固定,然后我切换到其它标签页,再切换回来,发现固定列的底部就出现了17px的方格,如下图所示,17px这个尺寸,我一下就知道是跟滚动条有关的,如果table的横向列不出现滚动的话,就会出现我这个bug,如果会出现滚动条的话,就不会出现这个bug。

 

 

经过我的研究,解决方法也很简单,添加以下css样式就解决了,就是没有滚动条时,那个固定列为100%高度

.el-table:not(.el-table--scrollable-x) {
    .el-table__fixed-right {
        height: 100% !important;
    }
}

 

posted on   菜工  阅读(2614)  评论(0编辑  收藏  举报

编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示