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

相关推荐
2501_9447114319 分钟前
构建 React Todo 应用:组件通信与状态管理的最佳实践
前端·javascript·react.js
困惑阿三1 小时前
2025 前端技术全景图:从“夯”到“拉”排行榜
前端·javascript·程序人生·react.js·vue·学习方法
苏瞳儿1 小时前
vue2与vue3的区别
前端·javascript·vue.js
weibkreuz2 小时前
收集表单数据@10
开发语言·前端·javascript
在西安放羊的牛油果3 小时前
浅谈 import.meta.env 和 process.env 的区别
前端·vue.js·node.js
王林不想说话3 小时前
提升工作效率的Utils
前端·javascript·typescript
weixin_584121433 小时前
vue内i18n国际化移动端引入及使用
前端·javascript·vue.js
imkaifan4 小时前
bind函数--修改this指向,返回一个函数
开发语言·前端·javascript·bind函数
xkxnq4 小时前
第一阶段:Vue 基础入门(第 7 天)
前端·javascript·vue.js
光头闪亮亮4 小时前
企业协同办公系统(OA)-【图标选择器】模块开发详解
前端·javascript·vue.js