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一个大概的比例,具体可以自己调整

相关推荐
进击的尘埃几秒前
TypeScript 协变与逆变:你的泛型组件 Props 为什么总是类型报错?
javascript
helloweilei2 分钟前
javascript 结构化克隆
javascript·node.js
龙猫不热2 分钟前
从 0 手写 Promise:拆解 Promise 链式调用的实现原理
前端·javascript·面试
wuhen_n2 小时前
TypeScript 强力护航:PropType 与组件事件类型的声明
前端·javascript·vue.js
wuhen_n2 小时前
组件设计原则:如何设计一个高内聚、低耦合的 Vue 组件
前端·javascript·vue.js
独泪了无痕12 小时前
Vue调试神器:Vue DevTools使用指南
vue.js·前端工程化
优秀稳妥的JiaJi16 小时前
基于腾讯地图实现电子围栏绘制与校验
前端·vue.js·前端框架
Lee川17 小时前
深度解构JavaScript:作用域链与闭包的内存全景图
javascript·面试
好雨知时节t17 小时前
Pinia中defineStore的使用方法
vue.js
_Eleven18 小时前
Pinia vs Vuex 深度解析与完整实战指南
前端·javascript·vue.js