DataTables 1.10.15版本：如何禁用实时搜索改为回车触发搜索？

你提到的search: { return: true }配置在DataTables 1.10.15版本中无效，因为这个配置项是1.11及以上版本才新增的。要实现输入完成后按回车再触发搜索，可通过以下方式修改：

具体实现步骤 #

• 移除DataTables默认绑定的实时搜索keyup事件
• 手动给搜索框绑定回车键触发搜索的逻辑

代码示例 #

// 初始化你的DataTables实例
var table = $('#your_table_id').DataTable({
  ajax: {
    url: '你的后端接口地址',
    type: 'POST' // 根据实际请求方式调整
  },
  // 其他表格配置项（列定义、分页等）
});

// 移除DataTables默认的keyup事件监听，避免实时触发搜索
$('.dataTables_filter input').off('keyup.DT');

// 绑定回车键事件，按下回车时执行搜索
$('.dataTables_filter input').on('keyup', function(e) {
  // 判断是否按下回车键
  if (e.key === 'Enter' || e.keyCode === 13) {
    // 执行搜索并重新绘制表格
    table.search(this.value).draw();
  }
});

补充说明 #

• 如果你的搜索框是自定义的（不是DataTables默认生成的），需要把选择器.dataTables_filter input换成你自定义搜索框的选择器
• 若需要支持点击搜索按钮触发搜索，可给按钮添加点击事件，调用table.search(搜索框值).draw()即可

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