如何在DataTables表格中实现跨列精确匹配搜索？

DataTables 默认的全局搜索方法table.search()无法实现跨所有列的精确匹配（即仅匹配整列值完全等于搜索关键词的行），而单列精确搜索column().search('^值$', true, false)可以正常工作。直接循环列并逐列调用draw()的方式会导致搜索条件被覆盖，无法达到预期效果。

解决方案 #

要实现跨列精确搜索，需要先清除所有列的搜索条件，再为每一列设置精确匹配的正则规则，最后统一触发表格渲染：

function(settings) {
  var instance = settings.oInstance;
  var table = instance.api();
  var input = instance.parent().find('.dataTables_filter input');
  
  input.off('keyup search input').on('keyup', function() {
    var keyword = input.val().trim();
    // 先清除所有列的搜索条件
    table.columns().every(function() {
      this.search('');
    });
    
    if (keyword) {
      var exactKeyword = '^' + keyword + '$';
      // 遍历所有列，设置精确搜索规则
      table.columns().every(function() {
        this.search(exactKeyword, true, false);
      });
    }
    
    // 统一渲染表格
    table.draw();
  });
}

关键说明 #

• 使用table.columns().every()遍历所有列，自动适配表格列数，比手动写循环更灵活
• 必须先清除所有列的旧搜索条件，避免残留规则干扰新搜索
• 仅在输入关键词不为空时设置搜索规则，空输入时恢复表格默认状态
• 最后只调用一次draw()，确保所有列的搜索条件同时生效

如果需要排除特定列（比如操作列），可以在遍历时判断列索引：

table.columns().every(function(index) {
  // 排除第0列和第3列
  if (index !== 0 && index !== 3) {
    this.search(exactKeyword, true, false);
  }
});

内容的提问来源于stack exchange，提问作者Stéphane Laurent