Question

我想仅根据2列应用搜索过滤器。

为此，我创建了两个文本字段

<input type="text" id="type" name="type" placeholder="Filter by User Type"></td>
<input type="text" id="dept" name="dept" placeholder="Filter by Department"></td>

如果我使用

在我的桌子上应用数据表

var table = $('#inbox').DataTable();

并将其应用于我的文字字段

   $('#dept').keyup( function() {
        table.columns(2).search(this.value).draw();
    } );

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

然后自定义搜索工作正常。但在这种情况下，默认包括分页和默认搜索，这不是必需的。

当我使用

时

   var table = $('#inbox').dataTable({
        "bPaginate" : false,
        "bLengthChange" : true,
        "bFilter" : false,
        "bSort" : true,
        "bInfo" : true,
        "bAutoWidth" : true
    });

而不是

var table = $('#inbox').DataTable();

然后自定义搜索无效。

任何想法如何在没有分页的情况下获得自定义搜索和数据表提供的默认搜索？

Answer 1

一个快速的想法...... 尝试使用这个

var table = $('#inbox').DataTable({
        "bPaginate" : false,
        "bLengthChange" : true,
        "bFilter" : false,
        "bSort" : true,
        "bInfo" : true,
        "bAutoWidth" : true
    });

Capital DataTable而不是dataTable

如何在数据表中使用自定义搜索时删除分页

1 个答案: