小编Geo*_*Hub的帖子

我希望桌子高度适合parent\xe2\x80\x99s 的可用高度。理想情况下，我想要：

\n

• 页脚始终停靠在父容器的底部。

\n

• 如果表格包含几行，则页脚应保持停靠在底部。

\n

• 如果表格包含的行数超过了父级\xe2\x80\x99s 的高度并且需要溢出，则溢出应仅对表格主体可见，并且页脚应保持停靠在底部而不是向下推动。

\n

• 如果可能的话，采用弹性盒方法（在我看来，这是一个弹性方案）

\n

我不\xe2\x80\x99不想要什么：

\n

• 高度：100vh接近

\n

• 涉及计算（100vh - ***px）（因为我想在解决方案内的任意组件层次结构中使用该方法）

\n

• 表格中的固定高度

\n

• 使用绝对/固定定位

\n

• 没有第三方解决方案（如果可能）

\n

• 使用 .offsetHeight

\n

示例： https: //stackblitz.com/edit/react-8h5dpy

视觉示例：