解决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;
    }
}
相关推荐
金梦人生13 小时前
Css性能优化
前端·css
Holin_浩霖13 小时前
UI设计的底层逻辑:从组件到系统的跃迁
前端
Holin_浩霖13 小时前
前端开发者的 Web3 全图解实战 二
前端
写代码的皮筏艇13 小时前
CSS属性继承与特殊值
前端·css
kevlin_coder13 小时前
🚀 实现同一个滚动区域包含多个虚拟滚动列表
前端·javascript
金梦人生13 小时前
JS 性能优化
前端·javascript
peachSoda713 小时前
自定义配置小程序tabbar逻辑思路
javascript·vue.js·微信小程序·小程序
我有一棵树13 小时前
使用Flex布局实现多行多列,每个列宽度相同
前端·css·html·scss·flex
浪裡遊13 小时前
React开发模式解析:JSX语法与生命周期管理
前端·javascript·react.js·前端框架·ecmascript
fruge13 小时前
Vue 3 完全指南:响应式原理、组合式 API 与实战优化
javascript·vue.js·ecmascript