search

x-extends / vxe-table

Vxe table 的表格组件
https://vxetable.cn
MIT License
7.61k stars 1.05k forks source link

vxe-grid配置show-overflow属性后，表头和body错位 #599

Closed virycs closed 4 years ago

virycs commented 4 years ago

（必填）请填写问题描述 Describe the bug

vxe-grid配置show-overflow属性后，表头和body错位，而且多了水平滚动条。vxe-table上没有问题。 改变屏幕百分比的时候会出现问题。

（必填）请填写能重现问题的链接

grid和columns配置如下 <vxe-grid border highlight-hover-row show-overflow :data="tableData" :columns="columns"> columns: [ { title: 'Number', type: 'index', width: 80, align: 'center', fixed: 'left' }, { title: 'Name', field: 'name', sortable: true, fixed: 'left' }, { title: 'Sex', field: 'sex' }, { title: 'Address', field: 'address' } ]

填写报错信息或截图 Error message or screenshots

image

（必填）请填写期望的结果 Expected behavior

?

（必填）请填写版本号 Version

virycs commented 4 years ago

<vxe-grid border highlight-hover-row show-overflow :data="tableData" :columns="columns"> 上面问题中看不到表格配置，这里补充下

virycs commented 4 years ago

image

virycs commented 4 years ago

提供不了链接哈，描述的不够清楚吗？这个代码很简单的，就是在你提供的自定义主题demo的基础上把vxe-table改成vxe-grid，并增加show-overflow属性。整个表格只有3个字段远远不够满屏，但是切换电脑分辨率，或者调整显示器缩放比例，表格显示错位。我看前面有位兄弟也提过类似的问题

virycs commented 4 years ago

新版本已解决

sertn commented 4 years ago

image

<vxe-table
      :loading="loading"
      border
      highlight-hover-row
      resizable
      keep-source
      show-overflow
      :export-config="tableExport"
      ref="xTable"
      :data="data"
      @checkbox-change="checkboxChangeEvent"
      @checkbox-all="changeAllEvent"
      :keyboard-config="{ isArrow: true }"
    >
      <slot />
    </vxe-table>

The version I am using is: "vxe-table": "^2.9.17",

It continues to expand increasingly every time I enter the page.

After 5-6 page navigation: image