2011-11-24 10 views
24

Sto cercando di rimuovere le parole "della ricerca:" dall'etichetta filtro DataTable. Ho provato ad usare jQuery per sostituire l'etichetta dom ma, una volta sostituito, il filtro non funzionerà. Qualcuno ha altre soluzioni?DataTable jQuery - Rimuovere l'etichetta

Beh sembra che tutti vogliono Codice:

<div id="table-staff_wrapper" class="dataTables_wrapper"> 
<div id="table-staff_length" class="dataTables_length"> 
<div id="table-staff_filter" class="dataTables_filter"> 
<label> 
Search: 
<input type="text"> 
</label> 
</div> 
<table id="table-staff" cellspacing="0" cellpadding="0"> 
<div id="table-staff_info" class="dataTables_info">Showing 1 to 3 of 3 entries</div> 
<div id="table-staff_paginate" class="dataTables_paginate paging_full_numbers"> 

quanto sopra viene automaticamente generata da DataTable

+0

puoi incollare il codice? Le persone qui amano leggere il codice invece delle frasi .... – wizztjh

+0

Anche le frasi sono belle, ma il codice introduce nel contesto;) – Blender

+0

puoi elaborare un po 'di più sulla tecnologia che stai usando .. e se è javascript e html allora crea jsFiddle per questo .. –

risposta

58

riferimento questo link http://datatables.net/ref#sinfo

aggiungere questa cosa al tuo code--

"oLanguage": { "sSearch": "" } 

e nche se non si ottiene ciò che si voleva allora si può semplicemente inserire la stessa domanda sul dataTable forum ... team dataload vi aiuterà ...

Spero che vi aiuterà a ..

+0

Un collegamento più specifico per le proprietà nell'oggetto 'oLanugage': http://datatables.net/reference/option/language – Justin

+0

Grazie mille vivek hai salvato la mia giornata .. –

0

prova di seguito il codice:

jQuery("level").html("") or 
jQuery("level").text("") or 
jQuery("level").get(0).text("") 

questo otterrà tutta l'elemento tag di livello,

poiché non v'è solo indice di utilizzo ehere 0.

troverà livello eleme nt e impostare il valore come ""

13

È necessario inizializzare DataTable in questo modo:

$('#yourtable').dataTable({ 
//your normal options 

    "oLanguage": { "sSearch": "" } 

}); 
7

Per DataTable 1.9.4 e, soprattutto, è possibile utilizzare questo

$('#yourtable').dataTable({ 
//your normal options 

    "language": { "search": "" } 

}); 
5

Per DataTable 1.10.10 (& possibilmente sopra), è possibile utilizzare seguente configurazione durante la creazione dell'istanza DataTables:

$('.datatable').DataTable({ 
// other initialization configurations... 
// ... 
    "language": { 
     "search": "_INPUT_", 
     "searchPlaceholder": "Search..." 
    } 
}); 

Per maggiori informazioni, ecco il link dal sito DataTables: https://datatables.net/reference/option/language.searchPlaceholder

1

Put segnaposto quando si rimuove l'etichetta di ricerca

$("#data-table").DataTable({ 
    language: { search: "",searchPlaceholder: "Search..." } 
}); 
0

Per qualche ragione Segnaposto non funzionava per me. Quindi, la mia soluzione per la rimozione di etichette e Mettere posto titolare è,

$('#RecentLogs').dataTable({ 
     "oLanguage": { "sSearch": "" } 
}); 

Quindi, al di sopra di codice rimuoverà l'etichetta di ricerca. E per segnaposto.

$('.dataTables_filter input').attr("placeholder", "Search Here"); 

Nota: - Assicurarsi che si sta includendo la linea jquery di placehoder dopo l'inizializzazione di DataTable e dopo aver caricato js esterni di DataTable.

Problemi correlati