解决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;
    }
}
相关推荐
纯爱掌门人17 分钟前
鸿蒙端云一体化云存储实战:手把手教你玩转文件上传下载
前端·harmonyos
非凡ghost19 分钟前
图吧工具箱-电脑硬件圈的“瑞士军刀”
前端·javascript·后端
非凡ghost20 分钟前
Xrecode3(多功能音频转换工具)
前端·javascript·后端
橙某人21 分钟前
飞书多维表格插件:进一步封装,提升开发效率!🚀
前端·javascript
他们叫我秃子32 分钟前
从 0 到 1,我用小程序 + 云开发打造了一个“记忆瓶子”,记录那些重要的日子!
前端·微信小程序·小程序·云开发
非凡ghost34 分钟前
Subtitle Edit(字幕编辑软件) 中文绿色版
前端·javascript·后端
扎瓦斯柯瑞迫37 分钟前
cursor: 10分钟魔改环境、优雅获取Token
前端·javascript·后端
王六岁38 分钟前
🐍 前端开发 0 基础学 Python 入门指南:条件语句篇
前端·python
wuxingxi39 分钟前
现代化企业级H5模板:Vite + Vue 3 + TypeScript 开箱即用
vue.js
San3041 分钟前
CSS3 星球大战:用前端技术打造震撼的3D动画效果
前端·css·html