Javascript datatables禁用自动筛选并添加了一个按钮

我使用的是datatables插件，我想禁用表上的自动过滤器，而不是在他们完全输入文本并准备进一步搜索时放置搜索按钮

JSfiddle：

$(document).ready(function() {
    $('#example').dataTable();
} );

按钮（href）为“Go filter”

有什么想法吗

---

谢谢

要做的第一件事是从搜索输入中解除默认keyup事件的绑定：

$("div.dataTables_filter input").unbind();

然后我们需要从链接单击事件调用datatable筛选：

 $('#filter').click(function(e){
        oTable.fnFilter($("div.dataTables_filter input").val());
    });

---

如果您使用的是服务器端处理，fnFilter不起作用，您必须使用搜索，另外，最好在搜索文本框中按Enter键执行搜索，这可以通过以下方式实现：

        $("div.dataTables_filter input").unbind();

        $("div.dataTables_filter input").on('keydown', function(e) {
            if (e.which == 13) {
                table.search( $("div.dataTables_filter input").val()).draw();
            }
        });

---

请在此添加一些有意义的代码和问题描述。要获得更多帮助，请参阅此答案具有误导性

fnFilter

可以用于服务器端处理，但它是v1.9语法

search（）

是正确的v1.10语法，但你不是这么说的。是的，正在工作。你能告诉我如何在搜索框旁边添加一个按钮吗？@HalfBloodPrince这将在输入的右侧添加一个搜索按钮$（'div.dataTables_filter label'）.append（'Search'）；如果执行此操作，请不要忘记将onClick函数的选择器更改为“#exampleDataSearchButton”而不是“#filter”。我还通过使用：$（$div.dataTables\u filter label）.html（$（$div.dataTables\u filter label”）.html（）.split（$Search:）.join（“”）摆脱了输入左侧的“Search:”文本