weixin_39735509
2021-01-07 10:21 阅读 47

[Bug Report]vxe-table props show-overflow

问题描述 Describe the bug

table设置show-overflow有滚动条bug

重现问题的步骤 To Reproduce

请提供能重现问题的链接(jsfiddlecodepenjsrun) Expected behavior


// 如果给table设置了show-overflow
// table里面会出现双滚动条
// http://jsrun.net/8rXKp/edit

报错信息或截图 Error message or screenshots image

期望的结果 Expected behavior 不显示滚动条 请填写以下版本信息 please complete the following information - browser: chrome 75+ - vue: 2.6.10 - vxe-table: 1.6.5

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

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

8条回答 默认 最新

  • weixin_39557576 weixin_39557576 2021-01-07 10:21

    这个我看了没出现你说的问题?

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

    那个测试网站的问题不能fork...

    html
    <!--- 如果同时设置了高度和show-overflow会出现双滚动条 --->
    <script src="//unpkg.com/vue"></script>
    <script src="//unpkg.com/xe-utils"></script>
    <script src="//unpkg.com/vxe-table/lib/index.js"></script>
    
    <div id="app">
      <template>
        <div>
          <p>Bug: 如果同时设置了高度和show-overflow会出现双滚动条</p>
          <vxe-table border height="400" show-overflow :data.sync="tableData">
            <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>
            <vxe-table-column field="name" title="Name" width="200"></vxe-table-column>
            <vxe-table-column field="role" title="Role" width="200"></vxe-table-column>
            <vxe-table-column field="sex" title="Sex" width="200"></vxe-table-column>
            <vxe-table-column field="date" title="Date" width="200"></vxe-table-column>
            <vxe-table-column field="address" title="Address" fixed="right" width="200"></vxe-table-column>
          </vxe-table>
          <p>更多详细信息请查看 API</p>
          <vxe-table border optimized height="200" :data.sync="tableData">
            <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>
            <vxe-table-column field="name" title="Name" width="200"></vxe-table-column>
            <vxe-table-column field="role" title="Role" width="200"></vxe-table-column>
            <vxe-table-column field="sex" title="Sex" width="200"></vxe-table-column>
            <vxe-table-column field="date" title="Date" width="200"></vxe-table-column>
            <vxe-table-column field="address" title="Address" fixed="right" width="200"></vxe-table-column>
          </vxe-table>
        </div>
      </template>
    </div>
    
    
    点赞 评论 复制链接分享
  • weixin_39557576 weixin_39557576 2021-01-07 10:21

    chrome 75 PC端的滚动条是常规的,你那个很明显浏览器不一样,滚动条会自动隐藏,是什么浏览器?

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

    image

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

    重现不出你的问题 哈,我用chrome 都是正常的滚动条,是什么系统?

    image image

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

    macOS Mojave 10.14.3 经过昨天的二次测试(用了同事的win电脑确实没有这样的bug)但是macos上确实有这样的问题

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

    我没有MacOS系统,可能不会那么快解决这个兼容性问题

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

    win电脑chrome浏览器 打开你的codepen地址 列就错位了。

    点赞 评论 复制链接分享

相关推荐