Filtro dataTables.net sin entrada de filtro incluida

Question

Quiero usar la función de filtro de DataTables, pero no quiero usar su cuadro de búsqueda con ella.

In their docs bajo bfilter que dice:

Tenga en cuenta que si desea utilizar el filtrado de tablas de datos que esto debe seguir siendo 'verdadero' - para quitar el cuadro de entrada de filtrado por defecto y retener el filtrado de habilidades, por favor utilice

después del cual la oración queda incompleta.

me trataron:

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

También puede ocultar está usando la clase css

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

Answer 2

Pratyush,

muestra cosmética pura y ocultamiento de diferentes elementos de interfaz de usuario se realiza con el parámetro Sdom:

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

Tenga en cuenta que la sintaxis requerida es diferente dependiendo de si está usando jQuery UI o no.

Answer 3

Uso (potencialmente acelerar la inicialización tabla de datos como evitar algunos cálculos):

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

o cualquier Sdom sin f opción (consulte los documentos oficiales http://datatables.net/usage/options#sDom para ver la lista de opciones disponibles):

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

Buscar las mismas opciones en el sitio oficial de soporte: http://datatables.net/forums/discussion/289/disable-search-filter-text-box

Answer 4

"sDom": 'ltipr' 

es la más simple de las formas de hacerlo.

ejemplo completo que he utilizado:

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' 

     } 
     );