table高度自适应问题

在后管中，我们最常见的就是table表格，正常表格高度是无限制的，数据很多的时候表格内容会超出可视窗口，出现视口滚轮，滚动页面会把查询条件等信息滚出可视窗口。

而我们要处理这个问题，就需要给表格内容设置一个固定高度，那么如何做呢?

下面有两种方式实现：

1. 视口总高度-除表格外的内容高度（Vue3）

2. calc()函数计算 ：视口高 -（表格头的高度+除表格外的内容高度）（React）

这种方式是在react中设置table的scroll属性，这里的scroll高度不包括表格头高度。
id是兼容页面可能有多个table的情况

总结

以上两种方式都能实现我们想要的自适应效果，当然也可以根据自身需要融合封装出一个更完整的组件去使用。
世上无难事，只要肯搜索！