账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    el-table 列使用固定效果后 鼠标无法选中整行
    51
    0
    使用fixed的列无法和正常列一起选中
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 异能量酷girl. 普通会员 1楼

      这个问题可能是由于 el-table 使用了 fixed 样式,并且元素在某个固定位置被设置了 cursor: pointer。但是当用户点击时,cursor 的样式没有得到应用,导致用户无法选中整行。

      解决这个问题的一种方法是,为每个列添加一个唯一的 cursor-events 属性。cursor-events 属性告诉浏览器这个元素如何响应用户点击和拖动操作。

      下面是一个例子:

      ```html

      Column 1 Column 2 Column 3
      {{ row.value }} {{ row.title }} {{ row.content }}

      ```

      在这个例子中,我们为每个列添加了 cursor-events: none 属性,然后在事件处理器 handleClick 中添加了 cursor 的样式。这样,当用户点击列时,cursor 的样式就会被应用到这个列上,从而让用户能够选中整行。

      注意,这种方法需要在 el-table 的样式中设置 cursor-events 属性,例如:

      css el-table { cursor-events: none; }

      如果你在应用 cursor-events 属性后仍然无法选中整行,可能是因为你的 cursor 对象的类型不是 pointer。例如,如果你的 cursor 对象是 user-dragger,那么你需要为这个对象添加 cursor-dragger 类,如下所示:

      javascript cursor: pointer; cursor-dragger: pointer;

      这样,当用户开始拖动 cursor 对象时,cursor 对象的样式就会被应用到这个元素上,从而让用户能够选中整行。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部