2011-11-24 19 views
24

Próbuję usunąć słowa "Wyszukaj:" z etykiety filtru w DataTables. Próbowałem użyć jQuery, aby zastąpić etykietę dom, ale po jej wymianie filtr nie będzie działał. Ktoś ma jakieś inne rozwiązania?jQuery DataTables - Usuń etykietę

Dobrze zdaje każdy chce kod:

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

powyższe jest automatycznie generowane przez DataTables

+0

czy możesz wkleić kod? Ludzie tutaj lubią czytać kod zamiast zdań .... – wizztjh

+0

Zdania też są miłe, ale kod wnosi kontekst;) – Blender

+0

Czy możesz rozwinąć trochę więcej o technologii, której używasz .. a jeśli to javascript i html to stwórz jsFiddle na to .. –

Odpowiedz

58

patrz link http://datatables.net/ref#sinfo

dodać tę rzecz do Twojego code--

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

e ven jeśli nie dostać to, czego chciał, to możesz po prostu pisać to samo pytanie na dataTable forum ... zespół dataload będzie Ci pomóc ...

nadzieję, że to pomoże ..

+0

Bardziej szczególny związek z właściwościami w 'obiektu oLanugage': http://datatables.net/referencja/opcja/język – Justin

+0

Dziękuję, że uratowałeś mi dzień. –

0

try poniżej kodu:

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

to dostanie cały element tag poziom,

ponieważ istnieje tylko na ehere wskaźnika wykorzystania 0.

znajdzie poziomu eleme NT i ustaw wartość jako ""

13

musi zainicjować DataTables tak:

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

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

}); 
7

Dla DataTables 1.9.4 i powyżej można użyć tej

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

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

}); 
5

Dla DataTables 1.10.10 (& prawdopodobnie powyżej), możesz użyć następującej konfiguracji podczas tworzenia instancji datatables:

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

Aby uzyskać więcej informacji, tu jest link z DataTables miejscu: https://datatables.net/reference/option/language.searchPlaceholder

1

Put zastępczy po wyjęciu wyszukiwarki etykietę

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

Z jakiegoś powodu zastępczy nie pracował dla mnie. Więc moje obejście do usuwania Label i Umieszczenie uchwytu miejsce jest,

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

więc powyższy kod usunie wyszukiwarki etykietę. I dla elementu zastępczego.

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

Uwaga: - Pamiętaj, że jesteś linii jquery placehoder po inicjalizacji DataTable i po załadowaniu js zewnętrznych DataTable włącznie.

Powiązane problemy