language.search not working for me

CmdrBeavis · May 2017

I have tried multiple permutations of the following example [that I got from the documentation]

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

and all I see is [still] good old "Search: "

By "multiple permutations" I mean I've tried using single quotes, double quotes, no quotes (on the keys 'language' and 'search'), etc. Here is [what I'm assuming are the relevant parts of] my table definition;

cellModemDataTable = $("#grid-data").DataTable({
    "processing": true,
    "serverSide": true,
    "language": {
        search: 'Enter S/N, SIM ID, IMEI, or IMSI: ',
        searchPlaceholder: 'Enter value here'
    },
    "ordering": true,
    "searching": true,
    "ajax": {
        "url": "/Controller/Search",
        "contentType": "application/json; charset=utf-8",
        "dataSrc": "data",
        "type": "GET"
        ...

And here's the table markup.

<div class="row results" id="dataTables-wrapper"> @*style="display:none"*@
    <table class="table display cell-border" id="grid-data" cellspacing="1"></table>
</div>

Any help figuring this out appreciated!

rf1234 · May 2017

I am using this too but only for the table defaults if the language is German. This works:

//Data tables language settings
    if (lang === 'de') {
        $.extend( true, $.fn.dataTable.defaults, {
            "language": {
                "decimal": ",",
                "thousands": ".",
                "info": "Anzeige _START_ bis _END_ von _TOTAL_ Einträgen",
                "infoEmpty": "Keine Einträge",
                "infoPostFix": "",
                "infoFiltered": "(gefiltert aus insgesamt _MAX_ Einträgen)",
                "loadingRecords": "Bitte warten Sie - Daten werden geladen ...",
                "lengthMenu": "Anzeigen von _MENU_ Einträgen",
                "paginate": {
                    "first": "Erste",
                    "last": "Letzte",
                    "next": "Nächste",
                    "previous": "Zurück"
                },
                "processing": "Verarbeitung läuft ...",
                "search": "Suche:",
                "searchPlaceholder": "Suchbegriff",
                "zeroRecords": "Keine Daten! Bitte ändern Sie Ihren Suchbegriff.",
                "emptyTable": "Keine Daten vorhanden",
                "aria": {
                    "sortAscending":  ": aktivieren, um Spalte aufsteigend zu sortieren",
                    "sortDescending": ": aktivieren, um Spalte absteigend zu sortieren"
                },
                //only works for built-in buttons, not for custom buttons
                "buttons": {
                    "create": "Neu",
                    "edit": "Ändern",
                    "remove": "Löschen",
                    "copy": "Kopieren",
                    "csv": "CSV-Datei",
                    "excel": "Excel-Tabelle",
                    "pdf": "PDF-Dokument",
                    "print": "Drucken",
                    "colvis": "Spalten Auswahl",
                    "collection": "Auswahl",
                    "upload": "Datei auswählen...."
                },
                "select": {
                    "rows": {
                        _: '%d Zeilen ausgewählt',
                        0: 'Zeile anklicken um auszuwählen',
                        1: 'Eine Zeile ausgewählt'
                    }
                }
            }            
        } );        
    } else {
        $.extend( true, $.fn.dataTable.defaults, {
            "language": {
                "select": {
                    "rows": {
                        _: '%d rows selected',
                        0: 'Click row to select',
                        1: '1 row selected'
                    }
                }
            }
        } );
    }

And this works for Editor:

//Editor default settings!
    if (lang === 'de') {
        $.extend( true, $.fn.dataTable.Editor.defaults, {            
            i18n: {
                remove: {
                    button: "Löschen",
                    title:  "Eintrag löschen",
                    submit: "Endgültig Löschen",
                    confirm: {
                        _: 'Sind Sie sicher, dass Sie die %d ausgwählten Zeilen löschen wollen?',
                        1: 'Sind Sie sicher, dass Sie die ausgewählte Zeile löschen wollen?'
                    }
                },
                edit: {
                    button: "Bearbeiten",
                    title:  "Eintrag bearbeiten",
                    submit: "Änderungen speichern"
                },
                create: {
                    button: "Neuer Eintrag",
                    title:  "Neuen Eintrag anlegen",
                    submit: "Neuen Eintrag speichern"
                },
                datetime: {
            previous: 'Zurück',
            next:     'Weiter',
            months:   [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember' ],
            weekdays: [ 'So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa' ],
            amPm:     [ 'am', 'pm' ],
            unknown:  '-'
                },
                error: {            
            system: "Ein Systemfehler ist aufgetreten (<a target=\"_blank\" href=\"//datatables.net/tn/12\">Für mehr Informationen</a>)."
        },
                multi: {
            title: "Mehrere Werte",         
                        info: "Die ausgewählten Elemente enthalten verschiedene Werte für das Feld. Um alle Elemente für diess Feld auf den gleichen Wert zu setzen, klicken Sie bitte hier. Ansonsten werden die Elemente ihren jeweiligen Wert behalten.",
            restore: "Änderungen rückgängig machen",
            noMulti: "Dieses Feld kann einzeln bearbeitet werden, aber nicht als Teil einer Gruppe."
        },
            }      
        });
    }

CmdrBeavis · May 2017

Well humph, it magically started working. Seriously, the only thing I changed was the addition of the 'name' property in my columns: [] definitions.

erickmt · November 2017

The Editor language didn't work to me. Where do i have to put it on?

here?
var editor = new $.fn.dataTable.Editor( {

})

erickmt · November 2017

I've got that, thanks

https://editor.datatables.net/examples/simple/i18n.html

language.search not working for me

language.search not working for me

Answers

Howdy, Stranger!

Categories

DataTables

language.search not working for me

language.search not working for me

Answers

Howdy, Stranger!

Quick Links

Categories

DataTables