webentwicklung-frage-antwort-db.com.de

Ändern Sie das DataTable-Suchetikett

Ich habe versucht, die Suche in Filter in meiner von mir erstellten Datentabelle zu ändern.

Ich habe das versucht, was ich gefunden habe:

$(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: "
  }
});
} );

aber es funktioniert nicht. # datatable-example_filter ist der Name der ID innerhalb des div, das von dataTable generiert wird

javascriptjquerydatatables
29
efecarranza

Die andere Antwort, die "oLanguage" verwendet, ist die Verwendung der älteren DataTables-API. Gemäß DataTables v 1.10+ documentation lautet die Syntax:

$('#example').dataTable( {
  "language": {
    "search": "Filter records:"
  }
} );
41
devlin carnate

sehr einfach, setzen Sie einfach diesen Parameter, wenn Sie die Datentabellenfunktion aufrufen:

"oLanguage": {
  "sSearch": "<span>YOUR SEARCH TITLE HERE:</span> _INPUT_" //search
}
15
Marcelo Rocha

Ich habe festgestellt, dass dieser Code das Such-Label ändert (in meinem Fall in "Filter results:"), bevor die DataTable mit Daten gefüllt wird.

var dataTable_leSrch = $('#dataTable_leSrch').dataTable({
    "oLanguage": {
        "sSearch": "Filter results:"
    }
});

wenn ich jedoch später die DataTable mit Daten fülle, wurde das Label wieder auf "Search:" gesetzt. Ich musste diesen Code meiner DataTable-Konfiguration hinzufügen, um das Label zu ändern:

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

Fügen Sie im datatable Javascript (table = $dataTable.DataTable) den folgenden Code hinzu:

language: {
  'search' : '' /*Empty to remove the label*/
}

Ich habe die Suche leer gelassen, weil ich wollte, dass sich die Informationen im Platzhalter befinden

Ps: Wenn Sie den Platzhalter hinzufügen möchten, fügen Sie den folgenden Code außerhalb der Datable-Initialisierung ein

$('.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"
    }
  } );
} );

weitere Informationen finden Sie unter diesem Link http://legacy.datatables.net/usage/i18n

0
Mourad MAMASSI