javascript - 使用滚动条为 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/

在此先感谢您的帮助

标签： javascriptjqueryhtmldatatablesscroller

Answer 1

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