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

相关推荐
matlab_xiaowang5 小时前
Redux 入门:JavaScript 可预测状态管理库
开发语言·javascript·其他·ecmascript
前端摸鱼匠7 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker7 小时前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
Linsk9 小时前
Java和JavaScript的关系真是雷峰和雷峰塔的关系吗?
java·javascript·oracle
当时只道寻常9 小时前
浏览器文本复制到剪贴板:企业级最佳实践
javascript
Alice-YUE10 小时前
【js高频八股】防抖与节流
开发语言·前端·javascript·笔记·学习·ecmascript
是上好佳佳佳呀11 小时前
【前端(十一)】JavaScript 语法基础笔记(多语言对比)
前端·javascript·笔记
莎士比亚的文学花园11 小时前
Linux驱动开发(3)——设备树
开发语言·javascript·ecmascript
01漫游者12 小时前
JavaScript函数与对象增强知识
开发语言·javascript·ecmascript
threelab14 小时前
Three.js 代码云效果 | 三维可视化 / AI 提示词
开发语言·javascript·人工智能