jquery - 如何使用外部选择框来过滤数据表？

Question

我正在使用DataTables jQuery 的表格插件，但我遇到了麻烦获取全局输入搜索框将是一个选择框。

与 sDOM选项lrtip，过滤输入不显示，但显示是否可以显示选择框并根据选择框的变化获取数据表进行过滤？

JS:

$(document).ready(function() {
    var table = $('#table_page').DataTable( {
        paging:   true,
        ordering: false,        
        info:     true,
        searching: true, 
        sDom: "lrtip" // default is lfrtip, where the f is the filter
    });
});

HTML:

<table id="table_page" class="display cell-border" width="100%">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
</table>

Answer 1

您可以使用search()以编程方式执行全局搜索的 API 方法和 dom禁用内置搜索控件的选项。

例如:

var table = $('#example').DataTable({
   dom: 'lrtip'
});

$('#table-filter').on('change', function(){
   table.search(this.value).draw();   
});

参见this example用于代码和演示。请参阅this example ，如果您想替换默认搜索框。