web-dev-qa-db-fra.com

jQuery DataTables - Supprimer le libellé

J'essaie de supprimer les mots "Recherche:" de l'étiquette du filtre dans DataTables. J'ai essayé d'utiliser jQuery pour remplacer l'étiquette dom mais le filtre ne fonctionnera pas une fois remplacé. Quelqu'un a d'autres solutions?

Il semble que tout le monde veut du code:

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

ce qui précède est généré automatiquement par DataTables

javascriptjquerydatatables
24
d123

référez-vous à ce lien http://datatables.net/ref#sinfo

ajouter cette chose à votre code-- 

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

même si vous n'obtenez pas ce que vous souhaitiez, vous pouvez simplement poser la même question sur forum dataTable ... l'équipe de chargement de données vous assistera ...

J'espère que cela vous aidera ..

59
Vivek

Vous devez initialiser les tables de données comme ceci:

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

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

});
13
Nicola Peluchetti

Pour les tables de données 1.10.10 (et éventuellement ci-dessus), vous pouvez utiliser la configuration suivante lors de la création de l'instance de table de données:

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

Pour plus de détails, voici le lien depuis le site DataTables: https://datatables.net/reference/option/language.searchPlaceholder

8
Nikhil

Pour Datatables 1.9.4 et supérieur, vous pouvez utiliser ceci

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

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

});
7
techvineet

Mettre un espace réservé lorsque vous supprimez l'étiquette de recherche 

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

essayez le code ci-dessous:

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

cela obtiendra tout l'élément de balise de niveau, 

puisqu'il n'y a qu'une seule fois, utilisez l'index 0.

Il trouvera l'élément level et définira la valeur comme ""

0
dku.rajkumar

Pour une raison quelconque, Placeholder ne travaillait pas pour moi. Ainsi, ma solution de contournement pour supprimer Label et Mettre un remplaçant est, 

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

Ainsi, le code ci-dessus supprimera l’étiquette de recherche. Et pour l’espace réservé.

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

Note : - Assurez-vous que vous incluez la ligne jquery de placehoder après l'initialisation de datatable et après le chargement de js externes de datatable.

0
Bhavin