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轴滚动条无法拖动问题,表格有合计也能解决 - 简书

相关推荐
qq_42753983几秒前
iframe 嵌入预览 PDF ,禁用右键菜单、打印下载按钮不展示
前端·javascript·vue.js·pdf
yu85939583 分钟前
降低OFDM系统PAPR的各种算法及误码率分析
前端·算法
ZC跨境爬虫4 分钟前
跟着 MDN 学 HTML day_3:(表单CSS美化实战与盒子模型三大核心属性详解)
前端·javascript·css·html
张风捷特烈13 分钟前
状态管理大乱斗#05 | Riverpod 源码评析 (中) - 上层建筑
android·前端·flutter
土豆125016 分钟前
Rust 生命周期开发实战:从"编译不过"到"一次过编"的实用指南
前端·rust
candyTong8 小时前
一觉醒来,大模型就帮我排查完页面性能问题
前端·javascript·架构
魔术师Grace9 小时前
我给 AI 做了场入职培训
前端·程序员
玩嵌入式的菜鸡9 小时前
网页访问单片机设备---基于mqtt
前端·javascript·css
前端一小卒10 小时前
我用 Claude Code 的 Superpowers 技能链写了个服务,部署前差点把服务器搞炸
前端·javascript·后端