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

相关推荐
仰泳之鹅4 分钟前
【杂谈】C语言中的链接属性、声明周期以及static关键字
java·c语言·前端
2501_940315267 分钟前
【无标题】(leetcode933)最近的请求次数
java·前端·javascript
每天吃饭的羊19 分钟前
LeetCode 第一题
前端
入门级前端开发20 分钟前
vue集成xlsl实现前端表格导入导出
前端·javascript·vue.js
小二·24 分钟前
Python Web 开发进阶实战:联邦学习平台 —— 在 Flask + Vue 中构建隐私保护的分布式 AI 训练系统
前端·python·flask
一人の梅雨31 分钟前
中国制造网商品详情接口进阶实战:跨境场景下的差异化适配与问题攻坚
java·前端·javascript
无知的小菜鸡36 分钟前
React:使用高阶组件实现vue中的路由守卫功能
前端·vue.js·react.js
xzl0436 分钟前
小智服务器intent_type 初始化为function_call过程
linux·前端·数据库
wuhen_n41 分钟前
Webpack vs Vite:前端构建工具对比
前端·webpack·node.js·vite
EverydayJoy^v^41 分钟前
RH134学习进程——四.归档和传输文件
服务器·前端·网络