DataTables指定列搜索如何实现多值AND条件过滤

之前尝试的value1&value2写法不生效的核心原因是：JavaScript正则语法中&只是普通字符，不代表AND逻辑，只有单元格内存在连续的value1&value2文本时才会被匹配，自然达不到预期。
实现多值同时匹配的AND逻辑，有两种可直接落地的方案：

方案1：正向预查正则实现（代码量最小，无需额外配置） #

利用JavaScript正则的正向肯定预查语法，可以直接在原生search()方法中实现AND匹配，不需要修改DataTables其他配置。
正则结构(?=.*值1)(?=.*值2)的含义是：匹配的文本中，任意位置必须同时包含值1、值2，不限制两个值的出现顺序。
示例代码：

// 存储当前勾选的标签值，复选框变更时同步更新这个数组
const selectedTags = ['value1', 'value2'];

// 拼接正则，自动转义标签值里的正则特殊字符，避免匹配异常
const andSearchReg = selectedTags
  .map(tag => `(?=.*${tag.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`)
  .join('');

// 执行搜索，第二个参数开启正则匹配，第三个参数关闭智能过滤
table.column(5).search(andSearchReg, true, false).draw();

方案2：自定义全局过滤函数（灵活性最高，适合复杂场景） #

如果后续需要扩展更复杂的过滤规则（比如大小写敏感切换、完全匹配/模糊匹配切换、多列联合过滤），可以通过DataTables提供的自定义搜索扩展点实现，逻辑可控性更强。
示例代码：

// 全局存储当前选中的标签，复选框勾选/取消时更新该数组
let selectedTags = [];

// 注册自定义过滤规则
$.fn.dataTable.ext.search.push((settings, rowData) => {
  // 多表格场景下加判断，仅过滤目标表格，替换成你自己的表格ID
  if (settings.nTable.id !== 'yourTargetTableId') return true;
  // 读取第5列的单元格内容，注意DataTables列索引从0开始计数，按实际列位置调整索引值
  const tagCellContent = rowData[5];
  // 校验所有选中标签都在单元格内存在，全部满足才返回true（显示该行）
  return selectedTags.every(tag => tagCellContent.includes(tag));
});

// 绑定标签复选框的变更事件
$('.tag-check-item').on('change', () => {
  // 收集所有勾选的标签值
  selectedTags = $('.tag-check-item:checked').map((_, item) => item.value).get();
  // 重绘表格触发过滤
  table.draw();
});

注意事项 #

• DataTables的column()方法传入的列索引从0开始计数，如果你是从页面第一列开始从1数到的第5列，实际索引应为4，需要对应调整参数避免匹配错列
• 标签值如果包含正则特殊字符（比如.、*、(等），一定要做转义处理，否则会导致正则匹配逻辑异常
• 如果你的标签是结构化存储（比如数组格式）而不是纯文本拼接，在自定义过滤函数里可以直接用数组判断包含关系，比字符串匹配更精准

内容的提问来源于stack exchange，提问作者Vaxo Basilidze