weixin_39733943
2021-01-07 10:25 阅读 568

当 vxe-table 的 show-overflow 和 vxe-table-column 的 fixed="left" 同时使用时,左侧固定列出现垂直滚动条

(必填)请填写问题描述或截图: 当 vxe-table 的 show-overflow 和 vxe-table-column 的 fixed="left" 同时使用时,左侧固定列出现垂直滚动条; 如果去掉 show-overflow 属性,则无滚动条,原因是左侧固定列的内层表格宽度较大,该表格的滚动条被外层.vxe-table--fixed-left-wrapper 遮住了,所以看不到。而且每一行 tr 都有原本的所有 td 的节点,而加了 show-overflow 后,每一行只有被固定在左侧的那个 td 的节点。

以下是截图: image image

(必填)请填在线链接: 有滚动条的情况: https://jsrun.net/IfLKp/edit 无滚动条的情况: https://jsrun.net/GY6Kp/edit

(必填)请填写期望的结果: 希望不要出现滚动条,因为这在 IE 浏览器上,滚动条会一直显示,而且占用挺大的位置,影响美观

(必填)请填写以下信息:

  • OS: macOS Catalina
  • Browser: Chrome
  • vue: 2.5
  • vxe-table: 2.9.22

该提问来源于开源项目:x-extends/vxe-table

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

6条回答 默认 最新

  • weixin_39657825 weixin_39657825 2021-01-07 10:25

    机器人助手: * ❌ 注意,只支持 vue 2.6+ 版本!

    点赞 评论 复制链接分享
  • weixin_39557576 weixin_39557576 2021-01-07 10:25

    mac chrome 没发现有这个问题,还有你那第一个截图左侧的滚动宽度比右侧的大一倍 image

    点赞 评论 复制链接分享
  • weixin_39968801 weixin_39968801 2021-01-07 10:25

    mac chrome 没发现有这个问题,还有你那第一个截图左侧的滚动宽度比右侧的大一倍 image

    大大懇請幫忙看看 https://github.com/x-extends/vxe-table/issues/1042 這個issues..

    点赞 评论 复制链接分享
  • weixin_39557576 weixin_39557576 2021-01-07 10:25

    mac chrome 没发现有这个问题,还有你那第一个截图左侧的滚动宽度比右侧的大一倍 image

    大大懇請幫忙看看 #1042 這個issues..

    建议使用在线演示链接以及gif动图、视频来描述问题吧,问题不符合要求或不详细可能会被忽略的。

    点赞 评论 复制链接分享
  • weixin_39733943 weixin_39733943 2021-01-07 10:25

    mac chrome 没发现有这个问题,还有你那第一个截图左侧的滚动宽度比右侧的大一倍 image

    滚动条不一样大的原因是我鼠标移入了左侧的滚动条,所以它大一点。。。 image

    点赞 评论 复制链接分享
  • weixin_39708708 weixin_39708708 2021-01-07 10:25

    这个问题我也遇到了,解决方法是不要在table标签统一加show-overflow,改到每个非fixed列的table-column里单独加

    点赞 评论 复制链接分享

相关推荐