Localization of Grid Toolbar

[Miguel Varela Rodriguez]

Hello,

i am trying to change some text to spanish in the grid toolbar ( "Columns", and "Chose Column"see screenshot).

where can i get the variables for different elements for localization. I know how to change it when i know the definition.

Thank you for your help

Attachment: screen_syncfusion_63ac7b04.7z

[Pavithra Subramaniyam]

Hi Miguel, 

 

Thanks for contacting Syncfusion support. 

 

You can customize the default Grid text by using the ‘grid.locale’ property and translation object of Localization library. Please refer to the below code example, Documentation link and sample link. 

 

[index.js] 

ej.base.L10n.load({ 

        'es-GT': { 

            'grid': { 

                'EmptyRecord': 'Keine Aufzeichnungen angezeigt', 

                'ChooseColumns': 'Elegir columnas', 

                'Columnchooser': 'columnas' 

            }, 

            'pager': { 

                'currentPageInfo': '{0} de {1} páginas', 

                'totalItemsInfo': '({0} elementos)', 

                'firstPageTooltip': 'Ir a la primera pagina' 

            } 

        } 

    }); 

    var grid = new ej.grids.Grid({ 

        dataSource: window.orderDatas, 

        showColumnChooser: true, 

        allowPaging: true, 

        locale: 'es-GT', 

        toolbar: ['ColumnChooser'], 

        columns: [ 

            { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' }, 

            { field: 'CustomerName', headerText: 'Customer Name', width: 150, showInColumnChooser: false }, 

            .  .  . 

        ] 

    }); 

    grid.appendTo('#Grid'); 

 

This link contains the translation keys for Grid localization. 

Documentation: https://ej2.syncfusion.com/javascript/documentation/grid/global-local/  

 

Sample               : https://stackblitz.com/edit/gbhrnn?file=index.js  

 

Regards, 

Pavithra S.