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

文章目录

  • 问题
  • 解决办法


问题

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

iview表格固定列横向滚动条无法拖动问题_第1张图片


解决办法

在组件内直接加下面样式,即可解决问题,记得加/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;
  }
}

你可能感兴趣的:(view,design)