导致光滑滑动高度变大的数据表

Question

这是我遇到的一种奇怪的情况。我正在第二张光滑幻灯片中使用Datatables。数据表中有许多行，这会导致幻灯片的高度很大（幻灯片位置的底部点，我所在的幻灯片，显示在页面底部）。因此，在页面底部的这个巨大的空白区域之后显示任何其他HTML元素。

我在数据表中添加了分页，只显示前10行。但是，这并没有改变幻灯片的大小。就像滑动高度为未分页的数据表高度而不是分页数据表高度设置自身一样。

一直尝试用零运气解决好几个小时。

Answer 1

将 DataTable 放在固定高度的div范围内，然后滚动超出限制：

<div style="overflow-y:auto;overflow-x:auto;height:500px;">

 <!-- DataTable contents goes below -->

</div>