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

在flex左右布局下,table父元素(flex:1)宽度从大变小时,table的宽度自动计算会变得很慢

Open wubiandaxian opened this issue 3 years ago • 15 comments
trafficstars

可复现的链接:

https://jsfiddle.net/95fm0trx/13/

问题描述与截图:

在flex左右布局下,table父元素(flex:1)宽度从大变小时,table的宽度自动计算会变得很慢,无法瞬间达到预期的宽度,交互体验挺不好

期望的结果:

table父元素(flex:1)宽度从大变小时,table的宽度自动计算能很快,不显示那个动态的过程

操作系统:

win10

浏览器版本:

chrome

vue 版本:

3.2.19

vxe-table 版本:

4.0.15-beta.0

wubiandaxian avatar Dec 21 '21 03:12 wubiandaxian

遇到了同样的问题,我是高度计算的慢,然后显得很卡顿

jiangqm avatar Jan 06 '22 03:01 jiangqm

+1

lwm98 avatar Mar 03 '22 08:03 lwm98

@wubiandaxian @jiangqm @lwm 问题解决了么

wulucxy avatar Sep 01 '22 01:09 wulucxy

补充一个视频:

https://user-images.githubusercontent.com/5326403/187815484-92c68f55-bcbc-40fd-8367-2fe63c5b2024.mp4

wulucxy avatar Sep 01 '22 01:09 wulucxy

@wubiandaxian @jiangqm @lwm 问题解决了么

在外面放一个div,设置div为flex

wubiandaxian avatar Sep 01 '22 02:09 wubiandaxian

@wubiandaxian @jiangqm @lwm 问题解决了么

在外面放一个div,设置div为flex

有尝试,但是好像并没有效果

linxiaowang avatar Oct 17 '22 08:10 linxiaowang

用计算属性会好一点,但还是能感觉出来 width: calc(100% - 300px)

rfirefly avatar Oct 25 '22 10:10 rfirefly

我也是高度计算,感觉有一个很长时间的动画过渡效果。

Delevin888 avatar Dec 03 '22 09:12 Delevin888

@wubiandaxian @jiangqm @lwm 问题解决了么

在外面放一个div,设置div为flex

具体可以给个示例吗 还是没有解决

oseaweed avatar Apr 04 '23 09:04 oseaweed

@wubiandaxian @jiangqm @lwm 问题解决了么

在外面放一个div,设置div为flex

具体可以给个示例吗 还是没有解决

我在外层div加上position:absolute; width:100%; 解决了

pjpv avatar Apr 28 '23 03:04 pjpv

解决了吗?

zhaoeryu avatar May 30 '23 02:05 zhaoeryu

解决了吗?

Broderick890 avatar Jun 23 '23 11:06 Broderick890

参考:#262

可以尝试在 table 的父元素上,加一个 overflow: hidden。

这对我来说是有效的。

Jinming6 avatar Aug 23 '23 07:08 Jinming6

+1

ai4code avatar Oct 19 '23 09:10 ai4code

参考:#262

可以尝试在 table 的父元素上,加一个 overflow: hidden。

这对我来说是有效的。

有效,蟹蟹

edision avatar Jan 24 '24 06:01 edision