Vue Element Flex 布局表格嵌套问题
问题:父元素采用 flex 布局,子元素使用 “flex-grow:1” 以占满父元素剩余空间。然而,内部嵌套的表格(已设置 height=‘100%’)在展示数据超出父元素空间时,会撑破父元素,且应出现的滚动条未出现。即便子元素也采用同样结构的 flex 布局(将表格设置为 “flex-grow:1”),也无法解决问题。解决方案:将子父元素分别设置“position”样式,表格高度参数设置为“100%”(此时高度正常且能配合父元素进行自适应滚动条也正常显示),如下所示。
原创
2024-09-04 12:39:08 ·
251 阅读 ·
1 评论