过滤dataTables.net,不包含过滤器框输入

Question

我想使用DataTables的过滤功能,但不想使用它们的搜索框.

在 bFilter下的文档中,它说:

请注意,如果您希望在DataTables中使用过滤,则必须保持"true" - 要删除默认过滤输入框并保留过滤功能,请使用

之后,句子不完整.

我试过了:

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类

<style type="text/css">
.dataTables_filter {
     display: none;
}
</style> 

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