ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.12k stars 14.64k forks source link

[Bug Report] 当tab和固定表头的table一起使用时,切换tab会出现table高度计算错误的情况(表格高度超出范围) #19270

Open liuquanzhang opened 4 years ago

liuquanzhang commented 4 years ago

Element UI version

2.4.5

OS/Browsers version

macOS Catalina 10.15.2 / Google Chrome 81.0.4044.122(正式版本) (64 位)

Vue version

2.6.10

Reproduction Link

https://codepen.io/pen?__cf_chl_jschl_tk__=e2bd1a98d7c0c42aa982db0a8ff7523669a38841-1587887974-0-ASLCTxtF-7r4Cq3aY0GsGEgvL3khdUnZqCB9egyh4xbX9iUwgRN1g4epLXU5UquxqByoKN_sUR17Bg1xBdXuPvHhgTD1_GrvP9spch0hlCnJjV5T78QycgB6DikspUilaC-3H5Ayx7yEZ3RUAthUfHXZhYbckyx-vK-83HRuZQGkblJ8fK97xUksHdXfumkOcV3r9MSfe3RnjHTdr4gwvLL8sNOy01tqnd9yThOdqThby5AwnAUJgPLK81D_u3SYP3YYsCh0bfm0oTUDwF7FX1MbvLi7fI75PraJ48IewtT80QVOwStKKvICw1WPUtdwNFz-LJUluu02N3mhWP_j-Po

Steps to reproduce

点击tab切换 table高度计算错误,超出范围

What is Expected?

高度保持不变

What is actually happening?

table高度超出

liuquanzhang commented 4 years ago

其实tab切换 我是用v-show切换的 但是达不到预期效果

draculawang commented 4 years ago

我也碰到这个问题,插件更新后才出现的问题!

draculawang commented 4 years ago

现在通过设置max-height来替换原来的设置height临时解决

liuquanzhang commented 4 years ago

现在通过设置max-height来替换原来的设置height临时解决

我之前是高度100%切换tab 用v-show来实现的 现在我给外边的div设置了高度(20vmin)就不会出现这种情况了 但是我之前使用flex弹性盒子布局的 现在就是临时解决了下 还不知道怎么根本解决呢

stale[bot] commented 3 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.