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.

Example
View Source
Edit In Stackblitz  
Change Theme:

Internationalization

The internationalization process applies specific culture formats to a web application.

For more information, refer to:

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 KeyDefault Value
grid.groupPanelEmptyDrag a column header and drop it here to group by that column
grid.pagerItemsPerPageitems per page
grid.pagerInfo{0} - {1} of {2} items
grid.pagerFirstPageGo to the first page
grid.pagerPreviousPageGo to the previous page
grid.pagerNextPageGo to the next page
grid.pagerLastPageGo to the last page
grid.pagerPagePage
grid.pagerOfof
grid.pagerTotalPages{0}
grid.filterClearButtonClear
grid.filterEqOperatorIs equal to
grid.filterNotEqOperatorIs not equal to
grid.filterIsNullOperatorIs null
grid.filterIsNotNullOperatorIs not null
grid.filterIsEmptyOperatorIs empty
grid.filterIsNotEmptyOperatorIs not empty
grid.filterStartsWithOperatorStarts with
grid.filterContainsOperatorContains
grid.filterNotContainsOperatorDoes not contain
grid.filterEndsWithOperatorEnds with
grid.filterGteOperatorIs greater than or equal to
grid.filterGtOperatorIs greater than
grid.filterLteOperatorIs less than or equal to
grid.filterLtOperatorIs less than
grid.filterIsTrueIs true
grid.filterIsFalseIs false
grid.filterBooleanAll(All)
grid.filterAfterOrEqualOperatorIs after or equal to
grid.filterAfterOperatorIs after
grid.filterBeforeOperatorIs before
grid.filterBeforeOrEqualOperatorIs before or equal to
grid.filterSubmitButtonFilter
grid.filterClearButtonClear
grid.filterAndLogicAnd
grid.filterOrLogicOr
grid.filterTitleFilter
grid.sortAscendingSort Ascending
grid.sortDescendingSort Descending
grid.searchPlaceholderSearch
grid.noRecordsNo records available.
grid.filterCheckAllCheck All

Right-to-Left Support

The following example demonstrates how to utilize the RTL support for the Grid.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?