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

Question

正如您在this example中所看到的，jQuery DataTables具有搜索框功能。

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

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

Answer 1

请参阅Search API example以及如何实施全局搜索。

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

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

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