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

时间:2019-07-01 22:22:45

标签: javascript jquery html datatables scroller

我有一个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/

预先感谢您的帮助

1 个答案:

答案 0 :(得分:0)

我忘记了我发布了此内容,但是我也发布了在datatables论坛上,当时我被告知这是使用滚动条时发生的事情以及如何将表插入页眉,正文和页脚。我被告知,要获得原始的页脚,必须使用table()。footer()确实可以。