vxe-table icon indicating copy to clipboard operation
vxe-table copied to clipboard

vxe-table高度问题?

Open LlanHao opened this issue 1 year ago • 5 comments

可复现的链接:

https://codesandbox.io/p/sandbox/vxe-table-4-x-vue-3-0-wen-ti-yan-shi-forked-95q92c?file=%2Fsrc%2Fviews%2FDemo1.vue%3A3%2C15

问题描述与截图:

当table设置了min-height属性后。dom结果会通过js动态设置 vxe-table--body-wrapper 这个dom的style属性。 image image

期望的结果:

通过style设置高度与实际高度一致

操作系统:

window 10

浏览器版本:

Chrome 120.0.6099.71

vue 版本:

3.2.31

vxe-table 版本:

4.5.14

LlanHao avatar Dec 15 '23 10:12 LlanHao

@mclemon1 没有设置min-height 那为什么会多出来一个min-height呢 如果包含了表头高度 那为什么会体现在body里?

WaveRunning avatar Dec 27 '23 02:12 WaveRunning

@

@mclemon1没有设置min-height 那为什么会多出来一个min-height呢 如果包含了表头高度 那为什么会体现在body里?

min-height有个默认值,文档中有写,body上设置的height是根据这个默认值算出来的

我知道有min-height这个属性 但是我如果在项目中没有设置min-height 那为什么会默认给我一个min-height? 因为我在开发中也遇到了这个问题。这会导致我的table body无缘无故的多出来一块高度。

WaveRunning avatar Dec 28 '23 01:12 WaveRunning

minHeight 默认值是 144,可以通过全局设置

VXETable.config({
  table: {
    minHeight: null
  }
})

xlz26296 avatar Jan 06 '24 12:01 xlz26296