如何在Core UI DataTables中设置按回车键触发搜索

DataTables默认开启实时搜索，输入字符时会立即发起查询，在数据量较大的场景下会明显拖慢页面响应速度。要改成按下回车键才激活搜索功能，可通过以下代码实现：

1. 先初始化你的DataTables表格（保留搜索功能）：

var table = $('#yourTableId').DataTable({
    // 这里填写你的表格配置项，比如columns、paging等
    searching: true // 明确开启搜索，默认即为true，可省略
});

2. 移除默认的实时搜索事件监听：

// 移除DataTables绑定的keyup事件，阻止实时搜索触发
$('.dataTables_filter input').off('keyup.DT');

3. 绑定回车键触发搜索的自定义事件：

// 监听搜索框的keyup事件，仅在按下回车键时执行搜索
$('.dataTables_filter input').on('keyup', function(e) {
    if (e.key === 'Enter') {
        // 执行搜索并重新绘制表格
        table.search(this.value).draw();
    }
});

这样配置后，只有当用户在搜索输入框按下回车键时，才会触发表格的搜索逻辑，避免了实时输入带来的频繁查询请求，有效提升大数据量场景下的性能。

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