Filter dataTables.net senza ingresso filtro incluso

Question

Voglio usare la funzione filtro di DataTables, ma non voglio usare la loro casella di ricerca con esso.

In their docs sotto bfilter dice:

Si noti che se si desidera utilizzare il filtro in DataTable questo deve rimanere 'vera' - per rimuovere la finestra di input filtro predefinito e mantenere il filtraggio abilità, si prega di utilizzare

dopo di che la frase viene lasciata incompleta.

ho provato:

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

È inoltre possibile nascondere sta utilizzando classe CSS

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

Answer 2

Pratyush,

pura rappresentazione estetica e occultamento di diversi elementi dell'interfaccia utente è fatto con il parametro Sdom:

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

Si noti che la sintassi richiesta è diverso a seconda che tu stia usando l'interfaccia utente di jQuery o meno.

Answer 3

Usa (potenzialmente accelerare l'inizializzazione datatable come evitare alcuni calcoli):

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

o qualsiasi Sdom senza f opzione (fare riferimento ai documenti ufficiali per l'elenco delle opzioni disponibili):

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

Cercare stesse opzioni sul sito ufficiale di supporto: http://datatables.net/forums/discussion/289/disable-search-filter-text-box

Answer 4

"sDom": 'ltipr' 

è il più semplice dei modi per farlo.

esempio completo che ho usato:

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' 

     } 
     );