解决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;
    }
}
相关推荐
悟空瞎说几秒前
前端老鸟实战:纯 CSS 实现小红书「真・瀑布流」,零 JS、自动错落、生产可用
前端
yuki_uix几秒前
当 reduce 遇到二维数据:从"聚合直觉"到"复合 Map"的思维跃迁
前端·javascript·面试
我叫黑大帅4 分钟前
Vue3中的computed 与 watch 的区别
前端·javascript·面试
暗不需求6 分钟前
# 一文搞懂 JavaScript 内存机制:从栈和堆,到闭包为什么“活得更久”
前端·javascript
CharlesY6 分钟前
JavaScript HTML5 Cache Manifest:离线应用缓存机制考古
前端·javascript
yuki_uix6 分钟前
前端解题的 6 个思维模型:比记答案更有用的东西
前端·面试
Bigger23 分钟前
第三章:我是如何剖析 Claude Code 工具系统与命令执行机制的
前端·claude·源码阅读
GISer_Jing30 分钟前
告别手搓架构图!Excalidraw+AI Skills 高效绘制手绘风技术图
前端·人工智能·react.js
jiayong2332 分钟前
第 7 课:第三轮真实重构,拆出新增任务弹窗
服务器·前端·重构
钛态32 分钟前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web