Javascript jQuery DataTable-顶部的列级筛选器和固定高度筛选器不能一起工作

我试图在jQuery数据表中显示数据，该表顶部有列级过滤器，高度固定，并启用了滚动条。我能够在顶部显示列级过滤器并使其工作。但是，一旦我设置了高度（scrollY属性），顶部的列级过滤器就会消失

小提琴手：

HTML:

<table id="CustomFilterOnTop" class="display nowrap" width="100%"></table>

该表显示在顶部，列级过滤器如下所示

问题：

<table id="CustomFilterOnTop" class="display nowrap" width="100%"></table>

启用上述属性时，列级筛选器将消失

您可以使用小提琴手查看此行为

期望值：

<table id="CustomFilterOnTop" class="display nowrap" width="100%"></table>

我想有一个数据表与列级过滤器在顶部，固定高度和滚动启用。我错过了什么？非常感谢您的帮助/建议。

您需要使用API函数访问AD元素，而不是直接引用它。使用Scroller或FixedHeader扩展名时，AD元素将在表外的单独元素中显示

---

有关代码和演示，请参阅。

将您的建议集成到我的代码中，效果非常好。谢谢：）