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

相关推荐
天天进步201515 小时前
Webpack到Vite:构建工具迁移实战经验总结
前端·webpack·node.js
0***1415 小时前
免费的WebAssembly模块打包,Webpack配置
前端·webpack·wasm
小胖学前端15 小时前
解决 uniapp H5 与原生应用通信的坑:一个经过实战验证的解决方案
前端·uni-app
LaoZhangAI15 小时前
Gemini 2.5 Flash Image API尺寸设置完整指南:10种宽高比详解
前端·后端
kangyouwei15 小时前
鸿蒙开发:19-本地开发配置bash环境执行hvigorw命令
前端·harmonyos
Achieve前端实验室15 小时前
JavaScript 原型/原型链
前端·javascript
一碗下酒菜15 小时前
React 闭包陷阱详解
前端
littleplayer15 小时前
ArkTs单元测试 UnitTest 指南
前端
LXA080915 小时前
vue3开发使用框架推荐
前端·javascript·vue.js
拿不拿铁1915 小时前
Vite & Webpack & Rollup 入口与产出配置与示例
前端