在内容获取期间覆盖html表

Question

我有VueJS组件，该组件可加载数据并将其分页显示在页面（html-tag）上。桌子的高度是无法预测的。有时只包含几行，有时一行中包含多行内容。

当我单击分页按钮时，数据将刷新，并且需要一些时间。因此，现在我只在数据获取期间隐藏整个表并显示“正在加载...”动画，但是由于页面内容跳跃，我不喜欢这种解决方案。我希望在桌子上显示<div>，类似opacity: 0.5，但我不确定是否有可能，因为不清楚桌子的高度值。

有人知道如何实现我的目标吗？