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

相关推荐
吃西瓜的年年13 小时前
前端面试题(vue)
前端·javascript·vue.js
wuhen_n13 小时前
结构化Prompt——让AI说“人话”
前端·vue.js·ai编程
前端小趴菜0514 小时前
vue3-signature实现电子签名
前端·javascript·vue.js
玉米Yvmi14 小时前
React自定义Hook实战指南:从入门到精通,让你的代码像乐高一样灵活
前端·react.js·面试
CharlieWang14 小时前
AI + Cloudflare = 你需要的全部
前端·敏捷开发·全栈
卤蛋fg614 小时前
vue表格vxe-table如何获取拖拽后的行序号
vue.js
董员外14 小时前
从零实现 AI 编程助手:LangChain.js + ReAct 循环实战
前端·javascript·后端
bluceli14 小时前
JavaScript BigInt:处理大数值的终极解决方案
前端·javascript
不懂代码的切图仔14 小时前
小程序web-view嵌入h5扫码 html5-qrcode库使用方法
前端·微信
不懂代码的切图仔14 小时前
小程序web-view嵌入h5扫码 jssdk方式
前端·微信小程序