Globalization
The globalization process combines the translation of component messages with adapting them to specific locales.
For more information on how globalization practices are implemented in KendoReact, refer to the overview article. For more information on the globalization aspects which are available for each component, refer to the article on globalization support.
The following example demonstrates how to use the Spanish date format and month names and how to localize the built-in messages of the KendoReact Data Grid.
Internationalization
The internationalization process applies specific culture formats to a web application.
For more information, refer to:
- KendoReact documentation on internationalization
- kendo-intl (the base Internationalization package on GitHub)
Messages
The Grid supports the localization of its messages by utilizing the KendoReact Internationalization package.
The following table lists the built-in message keys and their default values.
| Message Key | Default Value |
|---|---|
grid.groupPanelEmpty | Drag a column header and drop it here to group by that column |
grid.pagerItemsPerPage | items per page |
grid.pagerInfo | {0} - {1} of {2} items |
grid.pagerFirstPage | Go to the first page |
grid.pagerPreviousPage | Go to the previous page |
grid.pagerNextPage | Go to the next page |
grid.pagerLastPage | Go to the last page |
grid.pagerPage | Page |
grid.pagerOf | of |
grid.pagerTotalPages | {0} |
grid.pagerItemPerPage | items per page |
grid.filterClearButton | Clear |
grid.filterEqOperator | Is equal to |
grid.filterNotEqOperator | Is not equal to |
grid.filterIsNullOperator | Is null |
grid.filterIsNotNullOperator | Is not null |
grid.filterIsEmptyOperator | Is empty |
grid.filterIsNotEmptyOperator | Is not empty |
grid.filterStartsWithOperator | Starts with |
grid.filterContainsOperator | Contains |
grid.filterNotContainsOperator | Does not contain |
grid.filterEndsWithOperator | Ends with |
grid.filterGteOperator | Is greater than or equal to |
grid.filterGtOperator | Is greater than |
grid.filterLteOperator | Is less than or equal to |
grid.filterLtOperator | Is less than |
grid.filterIsTrue | Is true |
grid.filterIsFalse | Is false |
grid.filterBooleanAll | (All) |
grid.filterAfterOrEqualOperator | Is after or equal to |
grid.filterAfterOperator | Is after |
grid.filterBeforeOperator | Is before |
grid.filterBeforeOrEqualOperator | Is before or equal to |
grid.filterSubmitButton | Filter |
grid.filterAndLogic | And |
grid.filterOrLogic | Or |
grid.filterTitle | Filter |
grid.filterChooseOperator | Choose Operator |
grid.filterSelectedItems | selected items |
grid.filterAriaLabel | Filter |
grid.sortAscending | Sort Ascending |
grid.sortDescending | Sort Descending |
grid.sortAriaLabel | Sortable |
grid.searchPlaceholder | Search |
grid.noRecords | No records available. |
grid.filterCheckAll | Check All |
grid.groupColumn | Group Column |
grid.groupExpand | Expand group |
grid.groupCollapse | Collapse Group |
grid.groupPanelAriaLabel | Group panel |
grid.ungroupColumn | Ungroup Column |
grid.detailExpand | Expand detail row |
grid.detailCollapse | Collapse detail row |
Right-to-Left Support
The following example demonstrates how to utilize the RTL support for the Grid.
