el-table右固定最后一列显示不全或者是倒数第二列无边框线

问题图片:

解决方式1:

>>>.el-table__row td:not(.is-hidden):last-child {

border-left:1px solid #EBEEF5;

}

>>>.el-table__header th:not(.is-hidden):last-child{

border-left:1px solid #EBEEF5;

}

>>>.el-table__header-wrapper tr th:nth-last-child(3){

border-right:none;

}

>>>.el-table__body-wrapper tr td:nth-last-child(2){

border-right:none;

}

解决方式二:

若还是无法解决,那么就是因为倒数第二列被覆盖了,最快速简单的方法可以让操作列宽度减少2px一个大概的比例,具体可以自己调整

相关推荐
ivwsjc25 分钟前
vue3 echarts地图点到点之间的飞线图
前端·javascript·vue·echarts
小李子呢02111 小时前
JS中的Set 核心认知
前端·javascript·es6
进击的尘埃1 小时前
深入探究 React Hooks 你一直在写却从未写对的最佳实践
javascript
coder_Eight1 小时前
吃透JS深拷贝:从原理到实战(含Symbol全场景+性能对比)
javascript
程序员阿峰1 小时前
【JavaScript面试题-this 绑定】请说明 `this` 在不同场景下的指向(默认、隐式、显式、new、箭头函数)。
前端·javascript·面试
玉米Yvmi2 小时前
给 JS穿上铠甲:TypeScript 基础核心概念详解(类型/接口/泛型)
前端·javascript·typescript
米丘2 小时前
vue-router v5.x createRouter 是创建路由实例?
前端·vue.js
cmd2 小时前
《Vue3 watch详情:deep/immediate/flush/once 全用法 + 踩坑总结》
vue.js
学以智用3 小时前
# Vue3 AJAX 请求数据
前端·vue.js