We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Localization of Grid Toolbar


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

1 Reply

PS Pavithra Subramaniyam Syncfusion Team January 10, 2019 05:36 AM UTC

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. 
        '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 }, 
            .  .  . 
This link contains the translation keys for Grid localization. 
Sample               : https://stackblitz.com/edit/gbhrnn?file=index.js  
Pavithra S. 

Live Chat Icon For mobile
Up arrow icon