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

相关推荐
万邦科技Lafite3 分钟前
通过淘宝关键词API接口批量获取商品信息指南
java·前端·javascript
jingxindeyi3 分钟前
electron 配置 shadcn-ui
javascript·ui·electron
落魄江湖行27 分钟前
基础篇九 Nuxt4 插件系统:扩展 Nuxt 能力
前端·vue.js·typescript·nuxt4
程序员小寒36 分钟前
JavaScript设计模式(十):模板方法模式实现与应用
前端·javascript·设计模式·模板方法模式
七月稻草人37 分钟前
Spring Boot + Vue 3 全栈项目,内网穿透实现 HTTPS 公网访问,前后端分离部署方案
vue.js·spring boot·https
We་ct40 分钟前
EventSource & WebSocket & HTTP
前端·javascript·网络·websocket·网络协议·http·面试
qq_2837200510 小时前
Python Celery + FastAPI + Vue 全栈异步任务实战
vue.js·python·fastapi
小李子呢021110 小时前
前端八股性能优化(2)---回流(重排)和重绘
前端·javascript
吴声子夜歌12 小时前
Vue3——Vue实例与数据绑定
前端·javascript·vue.js