當使用dataTable.NET時，可以通到簡單的setting來添加一個search box進行全表格的檢索。

$('#test-listing')    .on('order.dt', function () {        var table = $('#test-listing').dataTable();        var currentSort = table.fnSettings().aaSorting;        // do something here    })    .on('search.dt', function () {        var value = $('.dataTables_filter input').val();        // do something here    })    .on( 'init.dt', function () {        // fired when DataTables has been completely loaded.        firstTimePageLoad = false;    } )    .DataTable({        paging: false,        ordering: true,        fixedHeader: true,        "search": {            "search": searchText        },        order: defaultSort,    });

當在search box輸入時，每輸入一次按鍵都會觸發 "seatch.dt"的function, 屏蔽的方法是將在search box上的keyup event進行unbind, 再bind自己要的function.,

$('.dataTables_filter input').unbind();$('.dataTables_filter input').bind('keyup', function(e){    if(e.keyCode == 13) {        var table = $('#test-listing').dataTable()        table.fnFilter(this.value);        return false;    }});

上面的function會在按下enter鍵時，才進行fiter的動作。

需要注意的是，在實際使用時，當按下enter鍵除了可以fiter外，還會觸發form中其他button的click動作，原因可能與browser有關，

參考下面的link,

 https://github.com/facebook/react/issues/3907

一個work around的解決方法，在其他button的click function中添加下面的code.

if (event.detail == 0)    return false;