language.search not working for me

language.search not working for me

CmdrBeavisCmdrBeavis Posts: 5Questions: 2Answers: 0

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!

This question has an accepted answers - jump to answer

Answers

  • rf1234rf1234 Posts: 2,985Questions: 87Answers: 421
    Answer ✓

    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."
            },
                }      
            });
        }
    
    
  • CmdrBeavisCmdrBeavis Posts: 5Questions: 2Answers: 0

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

  • erickmterickmt Posts: 15Questions: 3Answers: 1

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

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

    })

  • erickmterickmt Posts: 15Questions: 3Answers: 1
This discussion has been closed.