使用自己的自定义搜索框<input type=“text”>

Question

如本例所示， jQuery DataTables具有搜索框功能。

我想创建自定义的搜索框设计。 是否可以在DataTables外部使用下面的代码创建自己的代码？

<input type="text" id="search" name="search"> 

Answer 1

请参阅Search API示例以及如何实现全局搜索 。

例如，您可以使用下面的代码，其中search是搜索框的ID：

$(document).ready(function() {
    $('#example').DataTable();

    $('#search').on( 'keyup click', function () {
       $('#example').DataTable().search(
           $('#search').val()
       ).draw();
    } );     
} );