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

相关推荐
wendycwb8 小时前
前端城市地址根据最后一级倒推,获取各层级id的方法
前端·vue.js·typescript
终端鹿8 小时前
Vue3 模板引用 (ref):操作 DOM 与子组件实例 从入门到精通
前端·javascript·vue.js
蜡台9 小时前
Vue 打包优化
前端·javascript·vue.js·vite·vue-cli
卷帘依旧10 小时前
JavaScript中this绑定问题详解
前端·javascript
yaaakaaang11 小时前
(八)前端,如此简单!---五组结构
前端·javascript
EstherNi12 小时前
vue3仿照elementui样式的写法,并进行校验,并且有默认值的设置
javascript·elementui
gCode Teacher 格码致知12 小时前
Javascript提高:get和post等请求,对于汉字和空格信息进行编码的原则-由Deepseek产生
开发语言·前端·javascript·node.js·jquery
竹林81812 小时前
从ethers.js迁移到Viem:我在一个DeFi项目前端重构中踩过的坑
前端·javascript
Arya_aa12 小时前
网络:前端向后端发送网络请求渲染在页面上,将EasyMock中的信息用前端vue框架编写代码,最终展示在浏览器
前端·vue.js
晓131312 小时前
React篇——第三章 状态管理之 Redux 篇
前端·javascript·react.js