解决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 穿透样式

相关推荐
刺客xs14 小时前
Qt-----QSS样式表
开发语言·javascript·qt
m0_7400437314 小时前
3、Vuex-Axios-Element UI
前端·javascript·vue.js
阿蒙Amon14 小时前
JavaScript学习笔记:14.类型数组
javascript·笔记·学习
JS_GGbond14 小时前
给数组装上超能力:JavaScript数组方法趣味指南
前端·javascript
OLong14 小时前
this有且仅有的五种指法
javascript
是你的小橘呀14 小时前
新手入门 React 必备:电影榜单项目核心知识点全解析
前端·javascript
爱吃大芒果14 小时前
Flutter 网络请求完全指南:Dio 封装与拦截器实战
开发语言·javascript·flutter·华为·harmonyos
鹏北海14 小时前
微信扫码登录 iframe 方案中的状态拦截陷阱
前端·javascript·vue.js
狗哥哥14 小时前
Vite 插件实战 v2:让 keep-alive 的“组件名”自动长出来
前端·vue.js·架构
小黑的铁粉14 小时前
Vue2 vs Vue3
vue.js