使用滚动条为数据表动态创建页脚 - 插入两个页脚

Dynamically create footer for DataTables with scroller - two footers inserted

我有一个 DataTable,它在 Ajax 调用中接收其列定义和数据。下面的示例和 jsbin 已简化,仅用于说明目的,但基本上,我正在设置除某些列(基于那些列定义)之外的单独列过滤。 DataTables 在

有一个单独列过滤的例子

https://datatables.net/examples/api/multi_filter.html

这很好用,但是当我更改 table 的初始化并添加垂直滚动条时,我最终得到两个页脚 - 一个在 dataTables_scrollBody 中,另一个在 dataTables_scrollFoot

对于页脚中的某些单元格,我想禁用列过滤,而是应用自定义搜索,我通过对这些单元格应用 class 来实现。在我设置的示例中,这是 customSearch class。当我添加垂直滚动条时,我的自定义搜索停止工作,这是因为我的 $('.customSearch').val() 不再找到输入到单元格中的值。然后我检查了长度并意识到选择器返回了两个元素,而不是像启用垂直滚动条之前那样返回一个元素。

希望以上内容是有道理的,但简而言之....

带有页眉和页脚的 table 是根据 Ajax 调用动态生成的。单独的列过滤正在工作,但是当我更改 DataTable 的初始化以添加垂直滚动条时,会插入两个页脚,这会破坏我的自定义搜索。我是否设置了 table 错误,或者为什么我最终有两个页脚?

可以在

找到示例设置

https://jsbin.com/madenupuzi/

在此先感谢您的帮助

我忘了我已经发布了这个,但我也在数据tables 论坛上发布了,在那里我被告知这是使用滚动条时发生的情况以及 table 被插入到页眉、正文和页脚中。我相信,要获得原始页脚,我被告知必须使用 table().footer() 并且确实有效。