解决el-table右下角被挡住部分

一部分展示不全,被遮挡,因为 最右边加了fixed="right"

<el-table-column fixed="right" label="操作" width="120">

解决:

1、去除fixed="right"

2、设置样式

单页面

css 复制代码
<style lang="scss" scoped> 
.el-table__fixed-right {
    height: 100% !important;
}
</style>

全局设置样式

css 复制代码
.el-table > .el-table__fixed-right {
    height: 100% !important;
}

可能要加::v-deep 穿透样式

相关推荐
5***790020 分钟前
Vue项目性能优化
前端·javascript·vue.js
丫丫72373428 分钟前
Three.js 模型树结构与节点查询学习笔记
javascript·webgl
车传新1 小时前
Javascript
javascript
天若有情6731 小时前
【c++】手撸C++ Promise:从零实现通用异步回调组件,支持链式调用+异常安全
开发语言·前端·javascript·c++·promise
抱琴_1 小时前
【Vue3】大屏性能优化黑科技:Vue 3 中实现请求合并,让你的大屏飞起来!
前端·vue.js
hadage2332 小时前
--- JavaScript 的一些常用语法总结 ---
java·前端·javascript
saberxyL2 小时前
通过<RouterView/>来切换页面组件时,transition如何生效?
vue.js
jason_yang2 小时前
vue3中createApp多个实例共享状态
javascript·vue.js
_瑶瑶_2 小时前
浅记一下ElementPlus中的虚拟化表格(el-table-v2)的简单使用
前端·javascript
拉不动的猪3 小时前
Axios 请求取消机制详解
前端·javascript·面试