Vous avez essayé de changer la recherche: filtrer: dans le datatable que j'ai créé.
J'ai essayé ce que j'ai trouvé:
$(document).ready(function() {
oTable = $('#datatable-example_filter').dataTable({
"aaSorting": [[ 10, "desc" ]],
"bJQueryUI": true,
"aLengthMenu": [[25, 50, 100, 250, 500, -1], [25, 50, 100, 250, 500, "All"]],
"sPaginationType": "full_numbers",
"oLanguage": {
"sSearch": "Filter: "
}
});
} );
mais cela ne fonctionne pas, # datatable-example_filter est le nom de l'id, à l'intérieur du div généré par dataTable
L'autre réponse qui utilise "oLanguage" utilise l'ancienne API DataTables. Selon DataTables v 1.10+ documentation , la syntaxe est la suivante:
$('#example').dataTable( {
"language": {
"search": "Filter records:"
}
} );
très facile, il suffit de mettre ce paramètre lorsque vous appelez la fonction table de données:
"oLanguage": {
"sSearch": "<span>YOUR SEARCH TITLE HERE:</span> _INPUT_" //search
}
J'ai trouvé que ce code va changer l'étiquette de recherche (dans mon cas, "Résultats du filtre:" avant que le DataTable ne soit rempli avec des données.
var dataTable_leSrch = $('#dataTable_leSrch').dataTable({
"oLanguage": {
"sSearch": "Filter results:"
}
});
mais plus tard, lorsque je remplissais le DataTable avec des données, l'étiquette redevenait "Search:", je devais donc ajouter ce code à ma configuration DataTable pour que l'étiquette soit modifiée:
function fillDataTable(res) {
if ($('#dataTable_leSrch').length !== 0) {
$('#dataTable_leSrch').DataTable({
fixedHeader: {
header: true,
headerOffset: $('#header').height()
},
oLanguage: {
"sSearch": "Filter results:"
},
responsive: false,
scrollX: true,
scrollY: 400,
scrollCollapse: true,
select: true,
destroy: true,
aaData: res.data.Results,
...
(table = $dataTable.DataTable)
dans le fichier Datatable Javascript, ajoutez le code suivant:
language: {
'search' : '' /*Empty to remove the label*/
}
J'ai laissé la recherche vide car je voulais que l'info soit dans l'espace réservé
Ps: Si vous voulez ajouter un espace réservé, mettez le code suivant en dehors de l'initialisation de Datatable
$('.dataTables_filter input').attr("placeholder", "Zoeken...");
// Input text box will be appended at the end automatically
$(document).ready( function() {
$('#example').dataTable( {
"oLanguage": {
"sSearch": "Filter records:"
}
} );
} );
// Specify where the filter should appear
$(document).ready( function() {
$('#example').dataTable( {
"oLanguage": {
"sSearch": "Apply filter _INPUT_ to table"
}
} );
} );
pour plus de détails, consultez ce lien http://legacy.datatables.net/usage/i18n