Filter DataTable插件JS
Filter DataTable插件JS
提问于 2020-08-15 02:38:36
我需要知道如何让我的搜索过滤器，即与JS数据表插件做一个精确的值搜索，现在当放置的值为1，例如，它返回的数字1，21,113，41等。这是一个简单的代码，只是我不知道如何做…
希望你能帮上忙
$('#txtFolioFilter').on( 'keyup change clear', function () {
table
.columns(13)
**.search = ( this.value )**
.draw();
} );回答 1
Stack Overflow用户
发布于 2020-08-15 04:14:58
您可以使用自定义搜索功能来执行此操作。以下示例假定您使用的是标准的DataTables全局搜索字段-可以使用以下jQuery选择器进行选择：
$('.dataTables_filter input')下面是函数：
$(document).ready(function() {
var table = $('#example').DataTable( {
// your table initialization here
} );
$.fn.dataTable.ext.search.push(
function( settings, searchData, index, rowData, counter ) {
var searchTerm = $('.dataTables_filter input').val();
if (searchTerm.trim() === "") {
return true;
}
var exactMatch = false;
searchData.forEach(function (cellText) {
if (searchTerm === cellText) {
exactMatch = true;
}
});
return exactMatch;
}
);
} );以下行捕获主搜索框中的所有搜索事件：
$.fn.dataTable.ext.search.push(...)空的搜索词将返回所有记录。
否则，对于每一行，我们检查该行中的每个字段，如果有任何字段与搜索词完全匹配，则返回匹配的行。
如果您只想将此“精确匹配”应用于一列，则可以调整自定义筛选器：
$.fn.dataTable.ext.search.push(
function( settings, searchData, index, rowData, counter ) {
var searchTerm = $('.dataTables_filter input').val();
if (searchTerm.trim() === "") {
return true;
}
var match = false;
searchData.forEach(function (cellText, index) {
if (index === 3) {
if (searchTerm === cellText) {
match = true;
}
} else {
// all other columns:
if (cellText.includes(searchTerm)) {
match = true;
}
}
});
return match;
}
);当然，使用这种方法时，显示的行将取决于数据在整个行中的外观。有关搜索插件的文档，请参阅here，了解更多背景知识。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63418370
复制相关文章
相似问题
腾讯云开发者
