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

Question

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

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

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

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

希望以上内容有意义，但简而言之......

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

示例设置可以在

找到

https://jsbin.com/madenupuzi/

提前感谢您的帮助

Answer 1

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