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

jes*_*ssi 17 jquery datatables jquery-datatables

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

dav*_*rad 33

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

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

$('#example').on('search.dt', function() {
    var value = $('.dataTables_filter input').val();
    console.log(value); // <-- the value
}); 
Run Code Online (Sandbox Code Playgroud)

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

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

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

要完全重置搜索/过滤器,例如用户是否已删除搜索词:

if (value.length==0) table.search('').draw();
Run Code Online (Sandbox Code Playgroud)

  • `table.column().search(value).draw();`不应该是`table.search(value).draw();`? (4认同)

pet*_*ula 8

就在这里。只需调用不带参数的搜索方法即可获取搜索字词

var query = dataTable.search()