0
点赞
收藏
分享

微信扫一扫

el-table 右侧固定以后,左边边框消失

小飞侠熙熙 2022-04-23 阅读 95

问题: 固定列到右边,左边框在特定分辨率下不显示的问题。

请添加图片描述
固定以后,操作栏右边边框还存在。但是修改页面的宽度以后,操作栏右边边框就隐藏了。调整页面宽度再次显示出来。

总结:在特定分辨率下不显示

解决办法:
1.重新添加边框

    //表头
    thead th:not(.is-hidden):last-child {
      border-left: 1px solid #EBEEF5;
    }
    //表单
   .el-table__row {
      td:not(.is-hidden):last-child {
        border-left: 1px solid #e4e7ec;
      }
    }

效果:

请添加图片描述

2.将固定栏右移一像素

 .el-table__row td:not(.is-hidden):last-child {   //将单元格右移一像素,但是本案例不生效
       right: -1px;
     }
    thead th:not(.is-hidden):last-child {
       right: -1px;
    }

只有方法一生效,但是在不同分辨录下。正常显示是这种加粗的效果。
请添加图片描述

举报

相关推荐

0 条评论