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

2023-12-25 20:49:56

文章目录

问题

在使用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;
  }
}

文章来源:https://blog.csdn.net/qq_34082921/article/details/135205532
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。