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

文章目录


问题

在使用iview的表格组件时,遇到了设置固定列表格后滚动条无法拖动的问题,当对表格列进行固定后,底部的横向滚动条就无法拖动了,主要的问题就是固定区域盖住了横向滚动条。

在这里插入图片描述


解决办法

在组件内直接加下面样式,即可解决问题,记得加/deep/深度选择器,不然样式不会生效

/deep/.ivu-table-fixed{
   
  pointer-events: none;
  td{
   
    pointer-events: auto;
  }
}
/deep/.ivu-table-fixed-right{
   
  pointer-events: none;
  td{
   
    pointer-events: auto;
  }
}
/deep/.ivu-table-fixed-header{
   
  pointer-events: none;
  td{
   
    pointer-events: auto;
  }
}
/deep/.ivu-table-fixed-body{
   
  pointer-events: none;
  td{
   
    pointer-events: auto;
  }
}

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-26 01:18:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-26 01:18:02       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-26 01:18:02       82 阅读
  4. Python语言-面向对象

    2023-12-26 01:18:02       91 阅读

热门阅读

  1. [AIGC] ArrayList介绍

    2023-12-26 01:18:02       60 阅读
  2. 第二百二七回

    2023-12-26 01:18:02       48 阅读
  3. EXISTS在SQL中用法

    2023-12-26 01:18:02       56 阅读
  4. 快速搭建适用于中小企业的专用网络环境

    2023-12-26 01:18:02       59 阅读
  5. PCAN FD

    2023-12-26 01:18:02       48 阅读
  6. 算法训练|实现 Trie (前缀树)

    2023-12-26 01:18:02       70 阅读
  7. 【zookeeper特点和集群架构】

    2023-12-26 01:18:02       52 阅读