解决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;
    }
}
相关推荐
daols882 小时前
vue 甘特图组件 vxe-gantt 自动计算工期显示关键路径
vue.js·vxe-gantt
aa小小2 小时前
Proxy 响应式原理
前端·proxy
计算机魔术师2 小时前
Latent Space 访谈 TypeSafe CEO Diogo Almeida:Jev 是面向生产环境的 System One 模型而非万能 God 模型
前端
—Qeyser3 小时前
Element Plus 安装与配置指南 (Vue 3 + Vite + TS)
vue.js
雪芽蓝域zzs3 小时前
第19章:ECharts 组合图(折线 + 柱状混合图,双 Y 轴)
vue.js·echars
yzy853 小时前
Vue中下载或打开文件的JavaScript方法
前端·javascript·vue
用户298698530143 小时前
在 React 中用 JavaScript 将 Word 转换为文本
前端·javascript·react.js
雪芽蓝域zzs3 小时前
第17章:ECharts 饼图自定义样式(扇区颜色、轮廓、标签配置 + 空状态兼容)
vue.js·echars
计算机魔术师3 小时前
马斯克称 Grok 4.7 使 xAI 在智能体编码领域位列第三
前端