New to Kendo UI for Vue? Start a free 30-day trial

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 Kendo UI for Vue, refer to the overview article. The following example demonstrates how to localize the built-in messages of the Kendo UI for Vue Pager and Filter components.

Internationalization

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

For more information, refer to:

Messages

The Pager and Filter components support the localization of its messages by utilizing the Kendo UI for Vue Internationalization package.

The following table lists the built-in message keys and their default values.

Message KeyDefault Value
pager.itemsPerPageitems per page
pager.info{0} - {1} of {2} items
pager.firstPageGo to the first page
pager.previousPageGo to the previous page
pager.nextPageGo to the next page
pager.lastPageGo to the last page
pager.pagePage
pager.ofof
pager.totalPages{0}

The following example demonstrates how the language of the Pager can be switched when the localization of the component is changed.

Example
View Source
Edit In Stackblitz  
Change Theme:

Right-to-Left Support

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