elementui中的el-table,当使用fixed属性时,table主体会遮挡住滚动条的大半部分,导致很难选中。

情况:

解决:

el-table加个类,这里取为class="table"

然后是样式部分:

css 复制代码
<style scoped lang="scss">
::v-deep.table {
    // 滚动条高度调整
    ::-webkit-scrollbar {
        height: 15px;
    }
    // pointer-events 的基本信息
    // pointer-events 属性用来控制一个元素能否响应鼠标操作,常用的关键字有 auto 和 none
    // pointer-events: none; 让一个元素忽略鼠标操作
    // pointer-events: auto; 还原浏览器设定的默认行为
    .el-table__fixed,
    .el-table__fixed-left, .el-table__fixed-right {
        pointer-events: none;
        td {
            pointer-events: auto;
        }
    }
}
</style>

原文:element-ui table设置列fixed时X轴滚动条无法拖动问题,表格有合计也能解决 - 简书

相关推荐
L-影3 小时前
FastAPI CORS 跨域:Web 世界的“小区门禁”与“访客通行证”
前端·javascript·fastapi
stereohomology3 小时前
已进入初赛提交Demo的两个项目:(2)单独html钢琴
前端·html·why不coding
源图客3 小时前
Claude Code基础使用
服务器·前端·数据库
asdzx673 小时前
在 React 中轻松实现 PDF 转 Word:纯前端 WASM 方案实战
前端·react.js·pdf
daols884 小时前
vue 甘特图 vxe-gantt 实现双进度条:计划 vs 实际,支持多级子任务拆分
vue.js·甘特图·vxe-table·vxe-gantt
爱勇宝12 小时前
第 1 章:别把“需求文档”当成真正的需求
前端·后端·程序员
梨子同志13 小时前
常用命令
前端
梨子同志13 小时前
React 状态管理
前端
Dxy123931021613 小时前
MySQL索引完整教程:创建、查看、修改、删除与日常管理
前端·javascript·mysql
剪刀石头布啊14 小时前
js能被遍历的集合有哪些特征,为何能被遍历
前端