vue antd 左边有一个div可以展开收起 然后右边有一个表格 div开展的时候 浏览器缩放 表格和div都可以撑满屏幕 div收起的时候 表格就撑不满屏幕这是为什么
时间: 2024-04-14 11:32:16 浏览: 102
这可能是因为在使用 Ant Design 的折叠组件时,折叠内容的高度没有正确处理导致的。
当你将左边的 `div` 收起时,它的高度会减小,但右边的表格可能没有自动适应这个变化。因此,表格可能无法完全撑满屏幕。
你可以尝试以下解决方法:
1. 确保右侧表格容器具有正确的宽度设置,例如使用 `width: 100%`。
2. 在折叠组件的折叠事件中,监听折叠状态的改变。当折叠内容展开时,手动触发浏览器的重绘(如调用 `window.dispatchEvent(new Event('resize'))`),以确保表格可以适应新的容器尺寸。
这样,当你展开或收起左边的 `div` 时,右边的表格会重新计算并适应容器的宽度,从而撑满屏幕。
另外,请确保在 CSS 中没有设置表格或其容器的固定宽度,以免阻止其自适应屏幕大小变化。
阅读全文