过滤dataTables.net，不包含filter框输入

我想使用DataTables的过滤function，但不想使用它们的搜索框。

在 bFilter下的文档中 ，它说：

请注意，如果您希望在DataTables中使用过滤，则必须保持“true” – 要删除默认过滤输入框并保留过滤function，请使用

之后句子不完整。

我试过了：

var oTable = $('#sortable').dataTable({ 'bPaginate':false, 'bInfo':false, 'bFilter': true // displays Search box, setting false removes filter ability all together }); $('#Accumulate').click(function(){ oTable.fnFilter("Accumulate"); }); 

Answer 1

你也可以隐藏使用css类

Answer 2

Pratyush，

使用sDom参数完成显示和隐藏不同UI元素的纯化妆品：

http://datatables.net/usage/options#sDom

请注意，根据您是否使用jQuery UI，所需的语法会有所不同。

Answer 3

使用（可能会加速数据表初始化，以避免一些计算）：

 $("#table").dataTable({"bFilter": false}); 

或任何没有f选项的sDom （有关可用选项的列表，请参阅官方文档http://datatables.net/usage/options#sDom ）：

 $("#table").dataTable({"sDom": '...t...'}); 

在官方支持网站上寻找相同的选项： http ： //datatables.net/forums/discussion/289/disable-search-filter-text-box

Answer 4

 "sDom": 'ltipr' 

是最简单的方法。

我用过的完整示例：

  oTable = $('#overview').dataTable( { "aoColumns":[ null, null, null, null, null, { "sSortDataType":"date-euro"}, { "sSortDataType":"date-euro",}, null ], "aaSorting":[], "iDisplayLength": -1, "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]], "sDom": 'ltipr' } );