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

相关推荐
行走的陀螺仪20 分钟前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
冴羽23 分钟前
JavaScript 异步循环踩坑指南
前端·javascript·node.js
Mr.Jessy1 小时前
Web APIs 学习第四天:DOM事件进阶
开发语言·前端·javascript·学习·ecmascript
醉方休1 小时前
开发一个完整的Electron应用程序
前端·javascript·electron
不会算法的小灰1 小时前
Vue.js 基础教程:从入门到实践
前端·javascript·vue.js
拉不动的猪1 小时前
浏览器&Websocket&热更新
前端·javascript·vue.js
那些免费的砖2 小时前
Reka UI - 一款免费开源的 Vue 无头 UI 组件库,样式定制开发项目的绝佳选择
vue.js·ui·开源
Never_Satisfied2 小时前
在JavaScript中,将包含HTML实体字符的字符串转换为普通字符
开发语言·javascript·html
im_AMBER2 小时前
React 12
前端·javascript·笔记·学习·react.js·前端框架
前端付豪2 小时前
Vue 中的 JSX:让组件渲染更灵活的正确方式
前端·javascript·vue.js