2011-11-24 29 views
24

Estoy tratando de eliminar las palabras "Buscar:" de la etiqueta del filtro en DataTables. He intentado usar jQuery para reemplazar la etiqueta dom pero cuando se reemplaza el filtro no funciona. ¿Alguien tiene alguna otra solución?jQuery DataTables - Eliminar etiqueta

Bueno parece que todos quieren código:

<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"> 

lo anterior se auto generada por DataTables

+0

¿Puedes pegar el código? A la gente de aquí le gusta leer el código en lugar de oraciones ... – wizztjh

+0

Las oraciones son agradables también, pero el código trae en contexto;) – Blender

+0

¿Puedes elaborar un poco más sobre la tecnología que estás usando ... y si es javascript y html entonces crear jsFiddle para esto ... –

Respuesta

58

consulte este enlace http://datatables.net/ref#sinfo

añadir esto a su code--

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

e Ven si no obtiene lo que deseaba, entonces solo puede publicar la misma pregunta en dataTable forum ... El equipo de carga de datos le ayudará ...

espero que le ayudará a ..

+0

Un enlace más específica a las propiedades en el objeto 'oLanugage': http://datatables.net/reference/option/language – Justin

+0

Muchas gracias vivek me salvaste el día ... –

0

intento por debajo de código:

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

esto hará que todo el elemento de etiqueta de nivel,

ya que sólo existe en el índice de utilización ehere 0.

se encontrará eleme nivel nt y establecer el valor como ""

13

Debe inicializar tablas de datos de esta manera:

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

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

}); 
7

Para tablas de datos 1.9.4 y superiores se puede utilizar este

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

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

}); 
5

Para tablas de datos 1.10.10 (& posiblemente más arriba), puede utilizar siguiente configuración durante la creación de la instancia de tablas de datos:

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

Para más detalles, aquí está el enlace del sitio de tablas de datos: https://datatables.net/reference/option/language.searchPlaceholder

1

Put marcador de posición cuando se quita la etiqueta de búsqueda

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

Por alguna razón marcador de posición no funcionaba para mí. Así, Mi solución para la eliminación de la etiqueta y poner marcador de posición es,

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

Por lo tanto, el código anterior se retire la etiqueta de búsqueda. Y para marcador de posición.

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

Nota: - Asegúrese de que usted está incluyendo la línea de jQuery placehoder después de la inicialización de la tabla de datos y después de cargar js externos de la tabla de datos.

Cuestiones relacionadas