数据表过滤不同的输入答案

【问题标题】：datatables filter in different input数据表过滤不同的输入
【发布时间】：2014-10-07 10:46:54
【问题描述】：

我的数据表有问题。我无法在表格容器外的输入中启用 bFilter。有一个代码可以初始化我的数据表。

var table = $('#table-perms-users').DataTable( {
        "scrollY": tableHeight + "px",
        "scrollX": "100%",
        "scrollXInner": "100%",
        "bScrollCollapse": true,
        "bSort" : true,
        "bInfo": false,
        "bFilter": false,
        "bPaginate": false,
        "columns": [
            { "orderDataType": "dom-last-name"},
            { "orderDataType": "dom-checkbox" },
            { "orderDataType": "dom-checkbox" },
            { "orderDataType": "dom-checkbox" },
            { "orderDataType": "dom-checkbox" },
            { "orderDataType": "dom-checkbox" },
            { "orderDataType": "dom-checkbox" },
            { "orderDataType": "dom-checkbox" },
            { "orderDataType": "dom-checkbox" },
            { "orderDataType": "dom-checkbox" },
            { "orderDataType": "dom-checkbox" }
        ]
    } );

我尝试在输入的 keyup 事件上使用函数 fnFilter() 启用过滤器。看起来是这样的：

      $('#dTSearch').keyup(function(){
        table.fnFilter($(this).val());
      });

但我可以在控制台上看到一条错误消息：

Uncaught TypeError: undefined is not a function (index):10086(anonymous function)
(索引):10086jQuery.event.dispatch jquery.1.11.1.js?t=1402046180:4641elemData.handle

也许有人可以回答我做错了什么？看起来它没有看到 var 表或没有找到函数 fnFilter。也许我在定义我的数据表时有一些错误？

【问题讨论】：

标签： javascript jquery datatable

【解决方案1】：

希望您使用的是静态模式的数据表。

由于你在dataTable的配置中提到了“bFilter”: false，可能不允许你过滤。

如果你做 bFilter:true，在静态模式下默认负责过滤。

并检查是否 fnFilter 参数值。有关 fnFilter 的更多信息，您可以打开您关联的 dataTables.js 文件 (lib)。

【讨论】：

是的。我使用数据表的静态模式。启用禁用 bFilter 选项并没有改变什么。对于 fnFilter fucnciotn，我们可以发送 6 个参数，但您认为问题更高，因为我无法在页面上找到该功能。

【解决方案2】：

一切都比我想的更容易。有结束的代码变体：

    $('#dTSearch').keyup(function()
    {
        table.columns(0).search($(this).val()).draw();
    });

UPD：bFilter 选项应该被启用。

【讨论】：