如何在搜索框中输入值在数据表中

如何在搜索框中输入值在数据表中。 有没有办法在数据表的搜索框中输入值？

Answer 1

如果您只想在执行搜索时检查值[dataTables 1.10.x ]：

 var table = $('#example').DataTable(); $('#example').on('search.dt', function() { var value = $('.dataTables_filter input').val(); console.log(value); // <-- the value }); 

如果要在搜索之前检查值，并且能够取消搜索，则必须取消绑定默认搜索框事件并创建自己的事件，如下所示 - 仅当用户输入的字符数超过3个时才搜索：

 $('.dataTables_filter input').unbind().keyup(function() { var value = $(this).val(); if (value.length>3) { table.search(value).draw(); } }); 

演示 - > http://jsfiddle.net/pb0632c3/

要完全重置搜索/filter，例如用户是否已删除搜索词：

 if (value.length==0) table.search('').draw(); 

Answer 2

正如dataTable api中提到的那样

  var table = $('.datatable').DataTable(); $('.datatable').on('search.dt', function (e, settings) { table.search( this.value ).draw(); }) //or custom input // #myInput is a  element $('#myInput').on( 'keyup', function () { table.search( this.value ).draw(); }); 

Answer 3

是。 有。 只需调用没有参数的搜索方法。

var query = dataTable.search()

Answer 4

尝试此function来检测按键，然后绘制DataTablee。

 $('#search').on('keyup change', function () { var table = $('#example').DataTable(); table.api().search($(this).val()).draw(); });