web-dev-qa-db-fra.com

Modifier l'étiquette de recherche DataTable

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

29
efecarranza

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:"
  }
} );
41
devlin carnate

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
}
15
Marcelo Rocha

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,
        ...
2
Paul Gorbas

(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...");
2
Andres Paul
// 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

0
Mourad MAMASSI