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

相关推荐
机器视觉知识推荐、就业指导11 分钟前
QML 批量创建模块 【Repeater】 组件详解
前端·c++·qml
lmryBC4917 分钟前
golang接口-interface
java·前端·golang
慕斯策划一场流浪24 分钟前
fastGPT—nextjs—mongoose—团队管理之团队列表api接口实现
开发语言·前端·javascript·fastgpt env文件配置·fastgpt团队列表接口实现·fastgpt团队切换api·fastgpt团队切换逻辑
LaoZhangAI1 小时前
【2025最新】Claude免费API完全指南:无需信用卡,中国用户也能用
前端
cypking1 小时前
解决 axios get请求瞎转义问题
vue.js
向阳2561 小时前
SpringBoot+vue前后端分离整合sa-token(无cookie登录态 & 详细的登录流程)
java·vue.js·spring boot·后端·sa-token·springboot·登录流程
hepherd1 小时前
Flask学习笔记 - 模板渲染
前端·flask
LaoZhangAI1 小时前
【2025最新】Manus邀请码免费获取完全指南:5种稳定渠道+3个隐藏方法
前端
经常见1 小时前
浅拷贝与深拷贝
前端