Question

我正在使用Jquery数据表，我希望如果我搜索＆＃34; car＆＃34;，它需要突出显示＆＃34; Car＆＃34;，＆＃34; CAR＆＃34;，＆＃34; caR＆＃34;，＆＃34; C a-r＆＃34; ＆＃34; C -ar＆＃34;等等。目前，如果我搜索汽车，它不会显示Ca-r或C -ar。我怎样才能做到这一点？请帮助谢谢！

Answer 1

您可以创建自己的自定义过滤功能来处理这样的情况：

var table = $('#datatable').DataTable();

$.fn.dataTable.ext.search.push(
  function(settings, data, dataIndex) {
    // apply your custom filtering logic here
  }
);

$('#datatable_filter input').keyup(function() {
  table.draw(); // Redraw the table when the search input field is changed
});

请参阅文档here和示例here。

扩展回答：

这里没有什么特别聪明，代码只是从表格单元格中的数据中删除任何spaces和hyphens并根据它进行比较。如果您需要更强大的功能，则需要查看regular expressions。

$(document).ready(function() {
  var table = $('#datatable').DataTable();

  $.fn.dataTable.ext.search.push(

    function (settings, data, dataIndex) {        
    var origInput = $('#search').val().toLowerCase();        
    var input = $('#search').val().replace(/\ /g, '').toLowerCase();        
    var strSearch = data.toString();
    
    strSearch = strSearch.replace(/\ /g, '');
    strSearch = strSearch.replace(/\-/g, '');

    if (input.length == 0) {
        return true;
    } else if (data.toString().toLowerCase().indexOf(origInput) >= 0) {            
        return true;        
    } else if (strSearch.toLowerCase().indexOf(input) >= 0) {
        return true;
    }
    return false;
});

  $('#search').keyup(function() {
    table.draw(); // Redraw the table when the search input field is changed
  });
});

更新了演示here。

如何在Jquery数据表中应用搜索项？

1 个答案: