javascript - 在 Javascript 中搜索数据表

Question

我正在尝试通过将搜索输入值设置为我想要查找的值来过滤数据表:

document.querySelector("#searchinput").value = $whatiwant;

值设置成功，但不影响数据表结果。我试过 submit it (但它不是一种形式，所以它没有用)和 simulate the enter key press (但它也没有用，也没有返回任何错误)。我还尝试使用 DataTables filter function , 但似乎什么也没发生。

毕竟，我可以做什么来搜索/过滤数据表？

Answer 1

您可以使用数据表 API search()

The global search is performed across all searchable columns

链接:search()

示例代码段:

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

// #myInput is a <input type="text"> element
$('#myInput').on( 'keyup', function () {
    table.search( this.value ).draw();
} );

或者对特定列使用 API column().search()

provides the ability to search globally across the table, this method, and its plural counterpart, provide the ability to search for data on a specific column.

链接:column().search()

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

// #column3_search is a <input type="text"> element
$('#column3_search').on( 'keyup', function () {
    table
        .columns( 3 )
        .search( this.value )
        .draw();
} );