如何添加我自己的搜索輸入？ [datatables]

Question

我想知道是否有可能添加我自己的搜索輸入（不在頁腳，因爲這使得響應插件不能很好地工作），所以我想添加一些搜索輸入（在表標籤之外）按列搜索，另一列搜索所有列。
謝謝

Answer 1

請參閱search API example瞭解如何在表格外實現搜索輸入的代碼和演示。從演示

示例代碼：

function filterGlobal() { 
    $('#example').DataTable().search(
     $('#global_filter').val(), 
     $('#global_regex').prop('checked'), 
     $('#global_smart').prop('checked') 
    ).draw(); 
} 

function filterColumn (i) { 
    $('#example').DataTable().column(i).search(
     $('#col'+i+'_filter').val(), 
     $('#col'+i+'_regex').prop('checked'), 
     $('#col'+i+'_smart').prop('checked') 
    ).draw(); 
} 

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

    $('input.global_filter').on('keyup click', function() { 
     filterGlobal(); 
    }); 

    $('input.column_filter').on('keyup click', function() { 
     filterColumn($(this).parents('tr').attr('data-column')); 
    }); 
});