解决iview表格固定列横向滚动条无法拖动问题

问题描述:

iview的table添加固定列以后,滚动条在固定列下面无法拖动,只能在滚动区域有所反应

解决办法

【写入main.js引入的全局文件时不需要::v-deep; 写入单个文件需要加::v-deep】

方法一:【带合计行也适用】

typescript 复制代码
//解决iview表格固定列横向滚动条无法拖动问题
.ivu-table-fixed {
  pointer-events: none;
}

.ivu-table-fixed-header {
  pointer-events: all;
}

.ivu-table-fixed-body {
  pointer-events: all;
}

方法二

typescript 复制代码
.ivu-table-fixed{
    pointer-events: none;
    td{
        pointer-events: auto;
    }
}
.ivu-table-fixed-right{
    pointer-events: none;
    td{
        pointer-events: auto;
    }
}
.ivu-table-fixed-header{
    pointer-events: none;
    td{
        pointer-events: auto;
    }
}
.ivu-table-fixed-body{
    pointer-events: none;
    td{
        pointer-events: auto;
    }
}
相关推荐
NBtab16 小时前
Vite + Vue3项目版本更新检查与页面自动刷新方案
前端
天天扭码16 小时前
来全面地review一下Flex布局(面试可用)
前端·css·面试
用户4582031531717 小时前
CSS特异性:如何精准控制样式而不失控?
前端·css
用户516816614584117 小时前
Vue Router 路由懒加载引发的生产页面白屏问题
vue.js·vue-router
libraG17 小时前
Jenkins打包问题
前端·npm·jenkins
前端康师傅17 小时前
JavaScript 作用域
前端·javascript
前端缘梦17 小时前
Vue Keep-Alive 组件详解:优化性能与保留组件状态的终极指南
前端·vue.js·面试
我是天龙_绍17 小时前
使用 TypeScript (TS) 结合 JSDoc
前端
云枫晖17 小时前
JS核心知识-事件循环
前端·javascript
Simon_He17 小时前
这次来点狠的:用 Vue 3 把 AI 的“碎片 Markdown”渲染得又快又稳(Monaco 实时更新 + Mermaid 渐进绘图)
前端·vue.js·markdown