Kas*_*ara 5 javascript datatable datatables
我正在使用DataTables,并且尝试在具有下拉列表的表中搜索结果。但是,我不需要搜索一列,而是需要搜索两个特定的列。
以下语法适用于单列,但如何处理多列?
var table = $('#example1').DataTable();
$("#filter").on('change', function() {
table.column([4]).search($(this).val()).draw();
});
Run Code Online (Sandbox Code Playgroud)
我尝试这样做,但是当我使用此代码时,它仅在第一列(例如,第四列)中搜索结果。并忽略其余部分。
table.column([4,5]).search($(this).val()).draw();
Run Code Online (Sandbox Code Playgroud)
正确的方法是什么?
让我们在这里总结所有事情。它也会帮助其他人。
您可以按照以下步骤实现:
table.column(4).search(this.value).column(5).search(this.val??ue).draw();
Run Code Online (Sandbox Code Playgroud)
它将在4列上执行搜索(4是列的索引),之后它将根据提供的过滤器值对5列中的数据进行过滤,最后将绘制表格。
要记住的一件事是,筛选器应用于两个列,因此两个列都必须包含匹配的数据。
这可以通过使用fnMultiFilter来实现,因为它说明了:
该插件使DataTables能够在单个调用中设置多个列过滤条件(如果使用服务器端处理,则特别有用)。与sName列参数结合使用,只需传入键/值对为您要搜索的列以及要搜索的值的对象即可。
使用columns()代替 column():
var table = $('#example1').DataTable();
$("#filter").on('change', function() {
table.columns([4,5]).search($(this).val()).draw();
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
7743 次 |
| 最近记录: |