vue + element UI Table 表格利用插槽是最后一行操作的边框线不显示

最新推荐文章于 2024-01-10 09:15:02 发布

半生过往

最新推荐文章于 2024-01-10 09:15:02 发布

阅读量842

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript elementui

本文链接：https://blog.csdn.net/estrusKing/article/details/132052987

版权

vue 专栏收录该内容

24 篇文章 2 订阅

订阅专栏

在屏幕比例100%时 el-table添加border属性使用作用域插槽会不显示某侧的边框线，屏幕比例缩小或放大都展示
在这里插入图片描述


// 修复列的 边框线消失的bug
thead th:not(.is-hidden):last-child {
  right:-1px;
  // 或者
  //border-left: 1px solid #ebeef5;
}
.el-table__row{
  td:not(.is-hidden):last-child{
    right:-1px;
  }

  // 或者
  // td:not(.is-hidden):last-child {
  //   border-left: 1px solid #e4e7ec;
  // }
}