如何隐藏Datatables默认搜索栏且保留搜索功能？

有两种可靠方法可以实现需求，既隐藏默认搜索栏，又不影响自定义搜索的功能：

方法一：通过Datatables配置项控制显示元素 #

利用dom配置项自定义Datatables的界面元素，默认dom值包含f（代表搜索栏），去掉f即可隐藏默认搜索栏，同时保留搜索功能：

var oTable = $('#players_tools').DataTable({
    paging: false,
    info: false,
    dom: 'lrtip' // 移除了默认的"f"，即搜索栏元素
});

方法二：使用CSS精准隐藏搜索栏 #

如果之前CSS隐藏失败，大概率是选择器优先级不够，用以下CSS代码即可：

.dataTables_filter {
    display: none !important;
}

注意事项 #

• 不要设置searching: false（旧版的bFilter: false），这个配置会完全关闭Datatables的搜索功能，导致你的自定义搜索oTable.search().draw()也失效。
• 两种方法任选其一即可，推荐用dom配置项，这是Datatables官方提供的标准方式，比CSS更稳妥。

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